この記事では、AIエディタで生成したページにGoogleMapをページに表示する手順について説明をしています。会社の所在地やイベントの開催場所を案内する際にGoogleMapで地図を表示すると、経路も調べることができるようになるため利便性が向上します。
❶ 埋め込みタグをコピーする
地図、アクセス情報として掲載する住所を、Googleのサイトで検索します。
検索結果が表示された後、検索窓下に表示されている地図をクリックして、地図を表示します。
地図情報の「共有」アイコンをクリックします。
共有画面で、「地図を埋め込む」タブを選択します。
「HTMLをコピー」をクリックして、埋め込み用HTMLをコピーします。
Google地図上の操作は以上です。
ここからはWebサイト機能のページ編集画面（AIエディタ）を開いて、操作を進めてください。
❷ HTMLパーツにコピーした埋め込みタグを追加する
画面左側のパーツエリアから、「HTMLパーツ」を任意の場所にドラッグ＆ドロップで追加します。
※ AI生成されたページに既に地図(HTMLパーツ)が追加されている場合は必要ありません。
HTMLパーツを選択した状態で、右側の設定画面「詳細設定」タブで、「コード」の入力エリアにコピーした埋め込み用のHTMLを貼り付けます。
HTMLパーツに地図、アクセス情報が反映されます。