中小企業・個人事業の簡単ホームページ作成ソフトならとりあえずHP

ご利用実績11000人突破!

ユーザー向け使い方サイトとりあえずHPNAVI

  • 30日無料体験のお申し込み
  • はじめて訪問された方とりあえずHP公式サイト
  • ユーザー向け使い方ガイドとりあえずHPナビサイト

とりあえずHPの使い方

初級編

目次に戻る

地図を掲載しよう  地図コードの取得方法(初心者向け)

2018年1月10日以前からご利用いただいているユーザー様へ
2018年1月10日より、地図の設定方法が変更となりましたが、既に公開されているホームページの地図の位置には影響しておりませんのでご安心ください。
「引っ越ししたので、地図の場所を変更したい」等の理由で、今後、地図の位置を変更される場合はこちらの使い方ページをご確認ください。

このページでは管理画面の「地図の設定」で使う「地図コード」の取得方法をご紹介しています。

以下より「カンタン地図コード作成ツール」にアクセスします

こちらのページでは外部サービス「カンタン地図コード作成ツール」を使った、
地図コードの取得方法をご紹介しております。
まずは以下より「カンタン地図コード作成ツール」にアクセスします。

カンタン地図コード作成ツール(外部サイト)
https://web-app.info/gmap/

pic-a1101_017
「所在地」の欄に表示したい地図の住所、建物名などを入力します
pic-a1101_007
地図の縮尺を指定します

地図の縮尺を1〜23の範囲で指定します。
※数字が小さいほど広域で表示され、「15」が一般的な倍率となっているようです。

[地図コードを作成する]ボタンをクリックすると地図が表示されます
pic-a1101_008
「地図コード」の欄に表示されたコードをコピーして、管理画面に貼り付けます

表示された地図コードをすべてコピーして、
「とりあえずHP」の管理画面の「地図の設定」ページに貼り付けてください。
※「メモ帳」などのテキストエディタソフトに貼り付けて保存しておくと安心です。

pic-a1101_015
<iframe src=”https://www.google.com/maps/xxxxx” width=”xxx” height=”xxx” frameborder=”0” style=”border:0;” allowfullscreen></iframe>

管理画面での入力方法は以下をご確認ください。
地図を掲載する

【ヒント】ピンの位置がずれている場合はどうしたらいいの?

表示された地図上のピンの位置がずれている場合は[ピンの位置を修正する]をクリックして、
表示された画面上でピンをドラッグ&ドロップ(※)して正しい位置に移動し、[上記の位置で設定]をクリックします。
※ピンの上でマウスの左クリックをしたまま動かして、正しい位置で離してください。

pic-a1101_009
pic-a1101_016

ピンの位置が修正された状態の地図コードが表示されるので、あとは手順5と同様にコピーして管理画面に貼り付けてください。

【ヒント】Googleマップにお店・会社の名前を表示したい!

Googleマップでは「Googleマイビジネス」に登録することで、自分のお店や会社の情報を無料で掲載することができます。

以下より「Googleマイビジネス」にアクセスし、案内に沿ってご自身のお店やビジネスの情報を登録するとGoogleマップをはじめとしたGoogleサービス上に自分のお店・会社名や営業日などが表示されます。

▼Google マイビジネス(外部サイト)
https://www.google.co.jp/intl/ja/business/

上記の登録を行い、Googleマップにお店の名前が表示されている状態で地図を埋め込むと、ホームページ上でもお店の名前等が表示された状態で表示されます。
Googleアカウントを持っていればすぐに登録申請することができるようなので、試してみてはいかがでしょうか?

※Googleが提供していた「ビジネスオーナー向けGoogle プレイス」は「Googleマイビジネス」に統合されました。すでに「Google プレイス」をお使いの場合は自動的に「Googleマイビジネス」に切り替わるようです。
※「Googleマイビジネス」はGoogleのサービスです。詳しい情報は上記の「Google マイビジネス」のページでご覧ください。

↑このページのTOP
  • ユーザー向け使い方サイトとりあえずHPNAVI
  • これってどうやるの?と思ったら使い方サポート
  • 問い合わせ前に必ずチェック!よくあるご質問
  • ユーザー同士でスピード解決!助け合い掲示板