googlemapの地図をワードプレスの記事に埋め込みする方法

　

この記事を書いている人 - WRITER -

管理人　リエ

はじめまして。洋裁ブログ 『Foppish Forest』管理人のりえと申します。 ハンドメイド大人服や子供服を制作しております。 体型カバー服コーデ（いかり肩・肩幅広め・出産、年を重ねる上での悩み）＆節約できる物つくりとライフスタイルを目指しています。

HP制作の仕事で
アクセス場所に地図を付けて場所をわかるようにしてほしいというご依頼があります。

そこで若干わすれてしまっているので、参考にさせていただいたURLをみながら実際の付け方をシェアしたいと思います。

google マップを開きます

このように一面に地図が広がった画面の左上に住所を記入します

今回は北海道札幌市の観光名所「札幌テレビ塔」であらわしてみます。

所在地： 〒060-0042 北海道札幌市中央区大通西１丁目

住所の案内図の画面が現れます。
左上の三本線ハンバーガーメニューを押します

地図を埋め込むためのURLを取得します。

↓このような画面になるのですが、「地図を埋め込む」のタブを押します。

HTMLをこぴーします。

埋め込みするサイズも選べます。

ワードプレスの記事に貼り付けます

コピーしたコードをワードプレスの投稿欄の「テキスト」モードにして任意の場所に貼り付けます。

ビジュアルモードに直すと地図が貼り付けられました