シンプルで使いやすい地図作成プラグイン Map Block for Google Maps
WordPress サイトでブロックエディターを使って Google マップをいくつも載せるときに役立つプラグインを紹介します。
一般的に使われているやり方は、Google マップのサイト https://www.google.co.jp/maps で地図を埋め込む HTML コードを取得して カスタム HTML ブロックに貼り付ける方法だと思います。このやり方はお手軽で、会社の所在地地図を載せる場合などはこのやり方でまったく問題ないです。
たくさんの地図を載せるサイトの場合は…
一方、不動産の賃貸物件紹介ページやグルメ情報・イベント情報のサイトなど、サイトに地図を載せる作業を頻繁に行う場合は上記の HTML コードを貼り付けるやり方で行うのは効率が悪いです。
そんなときに役立つのが Map Block for Google Maps というプラグインです。
このプラグインを使うメリットは以下の通りです。
- 店舗名や会社名を指定して地図を作成できる
- それができなければ、住所を指定して地図を作成できる
- それもできなければ、座標数値 (経度・緯度) を指定して地図を作成できる
Google マップで HTML コードを取得するよりもはるかに少ない手間で地図を作ることができるんです。
API Key を取得する必要がある
このプラグインで地図を作成するためには、Google Maps Platform https://mapsplatform.google.com/ で API Key を取得する必要があります。
初めての人にとって API Key の取得手順はわかりづらいですが、いちど取得してプラグインに入力しておけばあとは難しいことはありません。
Google Maps Platform は有料サービスですが、1か月 200ドル分の無料利用枠があり、地図の読み込みは 28,500回/月 まで無料ですので、よほどアクセス数が多いサイトでない限り料金が発生しませんし、料金が発生するクラスのサイトであればそのサイトが料金以上の収益やメリットを生み出しているでしょう。2022.10.5 現在
会社名を指定して地図を作る
Google マップに登録されている場合、Address の入力欄にその会社名や店舗名・施設名を入力して地図を作成できます。
ズーム倍率 (Zoom) や高さ (Height) の指定もわかりやすいです。
API Key は最初に地図を作るときに入力しておくだけでよく、毎回の入力は要りません。
作成した地図がこちら ↓ です。
住所を指定して地図を作る
Google マップに登録されていない場合は住所を指定して地図を作成できます。
作成した地図がこちら ↓ です。
座標を指定して地図を作る
新しい不動産物件など、住所を指定して地図を作ることもできないことがあります。
そのようなときには座標数値 (経度・緯度) を指定することも可能です。なんとなく難しそうなかんじがしますが、実際にやってみると手順はかんたんです。
Google マップで地図に載せたいところを右クリック → 表示された座標数値をクリックします。(下図参照) これにより座標数値がクリップボードにコピーされます。
コピーした座標数値を Address の入力欄に貼り付けると地図が表示されます。
作成した地図がこちら ↓ です。
サイト運営者プロフィール
- 魚沼情報サービス (新潟県南魚沼市)
-
新潟県南魚沼市・魚沼市を中心に、地域の皆様がパソコンやインターネットを有効活用して業務効率化・課題解決を図るお手伝いを1999年から行ってまいりました。
WordPress を使用したサイト制作・カスタマイズを全国どこからでも承ります。ベクトルが開発している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。
制作業者様のサイト制作のお手伝いも数多く行っております。いま人手が足りない、ちょっとここだけコーディングを頼みたい、等々… お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
» ご相談・お問い合わせはこちらからどうぞ
WordPress サイト制作・カスタマイズ・サポートを承ります
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。
* 近くに頼りになるところがない
* わからないところを教えてほしい
* 専門家にサイト制作を手伝ってもらいたい
という方はぜひお気軽にご相談ください。
デザイナー様・制作業者様のお手伝いも数多く行っております。難しい部分のコーディングをやってほしい、いま人手が足りない、等々... お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきます。
