1. マニュアル
  2. 外部サービス連携
  3. 外部サービスとの連携
  4. 地図(グーグルマップ/GoogleMap)をホームページに表示する
  5. 地図を表示したい場所のコードをGoogleマップで取得する

地図を表示したい場所のコードをGoogleマップで取得する

まず、サロンの場所など、地図を表示したい場所をGoogleマップで検索して、その場所のコードをコピーします。


  1. リンクをクリックして、グーグルマップを開きます。
    グーグルマップを開く
  2. 地図を表示したい場所の住所を入力して虫眼鏡ボタンをクリックし、その場所を検索します。
表示された地図が、示したい地点とズレている場合

示したい地点にマウスカーソルを合わせ、マウスの右ボタンをクリック後、「この場所について」を選択します。


画面下部にその地点の情報が表示されますので、ここでよければ緯度経度が表示されているリンクをクリックします。

すると、その位置を中心として地図が補正されます。



次にその場所のGoogleマップの埋め込みコードを取得します。

  1.  画面左側の「共有」ボタンをクリック


  1. 共有画面が開きますので、上部の「地図を埋め込む」タブをクリック
  2. 「HTMLをコピー」をクリックして、コードをコピー
    ※地図左上に表示されている「中」というセレクトボックスを変更すると、埋め込む地図の大きさを変更できます

ここまでの操作で、Googleマップのコードのコピーは完了です。

次にこのコードをリウムスマイル!で地図を表示したい箇所に張り付けます。