こんにちは！

店舗紹介や施設紹介で地図を埋め込みたい場合には、「Googleマップの埋め込み」で一発解決です。

難しい作業は無いので、一度覚えてしまえば、簡単に設置できますよ。

WordPressでGoogleマップの埋め込み方法

手順１　Googleマップで共有

まずはGoogleマップを開きます。

Googleマップ

検索窓に埋め込みたい場所を入力します。

今回は、住所利用も可能なコワーキングスペースを例にしてみます。

場所を入力すると「共有」ボタンが出てくるのでクリックします。

手順２　HTMLをコピー

「地図を埋め込む」を選択し「HTMLをコピー」をクリックします。

手順３　WordPressにペースト

WordPressの「テキスト」モードに切り替え、地図を表示させたい箇所にペーストします。

埋め込んだものがこちら↓

これで店舗の紹介や行った場所の紹介など、様々な場面で活躍しますね。

まとめ

難しい操作なく、簡単に地図を埋め込むことができました。

今回の手順では1箇所ごとの埋め込みなので、系列店舗の位置関係や、旅行マップのようなものは作れません。

複数の場所を同時に表示させたい場合はこちらの記事を参考にしてください。

2022.01.13

【簡単】Googleマップで複数ピンを表示させる方法｜マイプレイスでのWordPress埋め込み

Googleマップで複数ピンを表示させる方法を説明します。複数店舗の紹介や、営業所の位置関係等に便利。ビジュアルで見て分かりやすく、遷移すればルート案内も可能です。マイプレイスを使ってWordPressに埋め込みます。...

またAPIを使っての地図の表示がうまくいかない場合はこちらの記事もどうぞ。

2022.01.16

【初心者用】GoogleマップのAPIキー取得方法｜WordPressで地図が表示されない時の対処法

WordPressで地図を自動表示させるGoogleマップのAPIキー取得方法を解説します。地図が表示されない時の対処法もまとまました。APIキーを使う場合はクレジットカード登録必須（重量課金制）です。 ...