サイト内にGooglemapを埋め込む

該当ページ:ページ管理 > 固定ページ > 任意のページ名 > 見たまま編集

このマニュアルは、ページ内にGoogleマップを表示させたい方・すでに設置した地図を別の場所に差し替えたい方に向けて、地図パーツにGoogleマップを埋め込む手順を説明するページです。

Leadgridでは現在、任意の場所に地図を埋め込む機能はありません。

地図の埋め込みがあらかじめ実装されている箇所に対してのみ、Googleマップからの挿入が可能です。

操作は大きく2つに分かれます。

  1. Googleマップから表示したい地図の情報を取得する

  2. LeadGrid上で地図を埋め込む


Googleマップを開き、埋め込みたい場所(例:東京駅)を検索します。 表示された情報パネルの [共有] を押下します。

「共有」ダイアログが開くので、[地図を埋め込む] タブを選択します。

表示された埋め込みHTMLの [HTMLをコピー] を押下します。

地図サイズ(小・中・大など)は、どのサイズでコピーしても問題ありません。

3でコピーしたHTMLを、次の手順に沿ってLeadGrid上で貼り付けます。


見たまま編集画面で、差し替えたい地図パーツにカーソルを合わせて押下します。

(カーソルを合わせた場合には[テキスト設定]と表示されます。)

地図の右上に表示される [ペンマーク(編集)] を押下します。「テキスト編集」ポップアップが開きます。

テキスト編集ダイアログのツールバーにある [<>]ボタン を押下し、HTML編集モードに切り替えます。 この状態で、次にGoogleマップから取得する埋め込みコードを貼り付けます。

既存のHTMLを削除し、GoogleマップからコピーしたHTMLに差し替えます。

差し替えたらもう一度[<>]ボタンを押下して、HTMLを反映させます。

重要

この時点で[OK]は押さないでください。

必ず先に[<>]を押下してHTMLの保存を行い、反映を確認してください。

[<>]を押下せず、[OK]を押下すると記入したHTMLが保存されません。

[<>]を押すと地図がプレビュー表示されます。 地図が問題なく表示されていることを確認したら [OK] を押します。

見たまま編集上に地図が反映されていることを確認します。 問題なければ画面右上の [保存] を押下します。 「このページを公開しますか?」の確認ダイアログが表示されたら、[保存] を押して公開・完了です。

HTMLモードで入力後、[OK]を押しても反映されません。どうすればいいですか?

HTMLモードで入力後は、必ずメニューにある[<>](HTMLモード)ボタンを一度押下して、HTMLを反映させてください。

[<>]を押下せず、[OK]を押下すると記入したHTMLが保存されません。