このマニュアルは、ページ内にGoogleマップを表示させたい方・すでに設置した地図を別の場所に差し替えたい方に向けて、地図パーツにGoogleマップを埋め込む手順を説明するページです。
Leadgridでは現在、任意の場所に地図を埋め込む機能はありません。
地図の埋め込みがあらかじめ実装されている箇所に対してのみ、Googleマップからの挿入が可能です。
操作は大きく2つに分かれます。
Googleマップから表示したい地図の情報を取得する
LeadGrid上で地図を埋め込む
Googleマップを開き、埋め込みたい場所(例:東京駅)を検索します。 表示された情報パネルの [共有] を押下します。
「共有」ダイアログが開くので、[地図を埋め込む] タブを選択します。
表示された埋め込みHTMLの [HTMLをコピー] を押下します。
地図サイズ(小・中・大など)は、どのサイズでコピーしても問題ありません。
3でコピーしたHTMLを、次の手順に沿ってLeadGrid上で貼り付けます。
見たまま編集画面で、差し替えたい地図パーツにカーソルを合わせて押下します。
(カーソルを合わせた場合には[テキスト設定]と表示されます。)
地図の右上に表示される [ペンマーク(編集)] を押下します。「テキスト編集」ポップアップが開きます。
テキスト編集ダイアログのツールバーにある [<>]ボタン を押下し、HTML編集モードに切り替えます。 この状態で、次にGoogleマップから取得する埋め込みコードを貼り付けます。
既存のHTMLを削除し、GoogleマップからコピーしたHTMLに差し替えます。
差し替えたらもう一度[<>]ボタンを押下して、HTMLを反映させます。
重要
この時点で[OK]は押さないでください。
必ず先に[<>]を押下してHTMLの保存を行い、反映を確認してください。
[<>]を押下せず、[OK]を押下すると記入したHTMLが保存されません。
[<>]を押すと地図がプレビュー表示されます。 地図が問題なく表示されていることを確認したら [OK] を押します。
見たまま編集上に地図が反映されていることを確認します。 問題なければ画面右上の [保存] を押下します。 「このページを公開しますか?」の確認ダイアログが表示されたら、[保存] を押して公開・完了です。