記事にGoogle Mapを埋め込む
公開日：2016年3月4日│カテゴリ：ワードプレス
Google Mapのコードを取得する
Google Mapにアクセスし、下記の赤枠部分に「住所、店舗名、ビル名等」を入力して検索ボタンをクリックすると検索結果が表示される。
【共有】をクリックする。
ポップアップ画面の【地図を埋め込む】タブをクリックし、Google Mapのコードをコピーする。
記事にGoogle Mapコードを貼り付ける
Mapを埋め込む箇所をクリックする。
次にビジュアルエディタのメニューで【挿入 → 動画を挿入/編集】をクリックする。
「動画を挿入/編集」のポップアップが表示されるので【埋め込む】タブをクリックし、コピーしていたコードをペースト。
下記の様な枠が表示されれば、貼り付け完了です。
※ Google Mapは画面サイズにあわせて左右いっぱいに広がります。
Google Mapの埋め込み例
