【WordPress】WordPressでGoogleMapを表示する方法
ブログを書いていて、googlemapで地図を表示させたいことが多々あります。
今回は、WordPressを使っているサイトでGoogleMapを表示させる方法を記載したいと思います。
GoogleMapで表示したい場所を設定する
GoogleMapにアクセスし、表示したい場所を設定します。
今回は東京駅を設定しました。
1.GoogleMap上で東京駅をクリックし、赤い目印のピンを設定します。
GooleMapからタグを取得する
2.左のページから共有をクリックします。
3.リンクを共有のダイアログが表示され、「地図を埋め込む」タブをクリックします。
4.表示するMAPのタグを取得します。
表示するMAPのサイズ等を変更する場合は青枠に囲まれているプルダウンメニューを選択します。
カスタムサイズから縦横のサイズを自由に決められます。
WordPressにタグを埋め込む
5.WordPressにてGoogleMapを表示したいページに移動します。
今回はお試しに新規ページに表示させます。
6.「テキスト」タブをクリックします。
7.GoogleMapから取得したタグを貼り付けます。
8.編集ページのビジュアルに戻り、埋め込んだタグが正常に表示されるか確認します。
以上でWordPressでGoogleMapを表示させる手順となります。
ブログで地図が表示されていれば場所の把握が楽になります。
WordPressを使う際はGoogleMapを活用してみてはいかがでしょうか。