2019年 04月 24日

Google マップの埋め込み

お店の紹介やイベントの開催場所など、記事中に地図を埋め込みたいときに便利なGoogleマップの地図を表示させる方法を紹介します。

地図出力用のコードを取得

Google マップで、挿入したい地図を表示します。
❷メニューの中の「共有」をクリックします。
❸「地図を埋め込む」をクリックします。
❹「HTMLをコピー」をクリックします。

 

ブログにコードを貼り付ける

❶ビジュアルモードを選択します。
❷ソースコードボタンをクリックします。
❸先ほどGoogle マップでコピーした「HTMLコード」を貼りつけます。
❹コード内の幅(width)を半角の”100%”に書き換えます。
❺「プレビュー」をクリックしマップが表示されているか確認します。

フリーワード検索で探す

よく検索されるキーワード:

アイキャッチ画像 ログイン Gutenberg update 投稿