WordPress プラグイン

グーグルマップに複数のマーカーを表示できるプラグイン

更新日:

オススメのお店やスポットなどを自分のホームページやブログに紹介するときにグーグルマップで地図を載せておくと親切だよな。

しかし、お店やおすすめスポットを1記事にまとめて書きたいときは、グーグルマップの地図をわざわざ一つづつ載せるのはスマートじゃないし、しかも手間がかかりすぎる。

もっと良い方法がないものかと探していたら良いWordpressのプラグインを見つけたのでシェアするよ。

スポンサーリンク

グーグルマップに複数のマーカーを表示できるプラグイン

WordPressプラグインのMapPress Easy Google Maps

こいつを使うとこんな具合にグーグルマップの地図上に何個もピンを立てることができるのだ。

Loading
地図の中心へ
交通状況
自転車で行く
乗換

 

それではまずは、MapPress Easy Google Mapsの設定から。

MapPress Easy Google Mapsのプラグインをインストール&有効化

post-2151a
まずは、Wordpressの管理画面からMapPress Easy Google Mapsのプラグインを検索してインストール&有効化しよう。

MapPressを選択する

post-2151b
Wordpressメニュー左にMapPressが追加されたのでクリックして選択

MapPress設定~Google Maps API Keyの入力

post-2151c
Google Maps API Keyを入力します。

Google Maps API Keyの取得方法はこちら

 

MapPress設定~地図のレスポンシブ対応

post-2151d
スマホで見たときに地図がスマホ画面からはみ出さないように、大きさを100%に設定してレスポンシブ化しておく。

必須設定はこれだけ。

そのほか個人的は、マップ設定⇒マップリンクの「地図の中心へ」にチェックを入れておくと、複数のピンの移動やズームしたときに、このリンクからいつでも初期の地図サイズに戻れるようになるのであると親切なのかな。

あとはお好みで設定してください。

 

オリジナルのグーグルマップを作ろう

新しいマップを作る

post-2151e
投稿ページか固定ページの編集画面を開き下にスクロールしていくと、MapPressという編集箇所があるので、そこの「新規マップ」ボタンをクリックします。

ピンを立てる

post-2151f
編集画面が開くので、以下の通りに設定してください。

  1. マップタイトルを決める。
  2. サイズを選択する。
    (レスポンシブ対応画面にするため、大きさ100%×幅を選択してください)
  3. 住所を入力して「虫眼鏡ボタン」を押す。

ピンの情報を編集する

post-2151g

入力した住所に「日本」というピンが立ちます。

  1. 「日本」をクリックして、ピンの名称や内容を編集します。
  2. 地図上に表示されるマップ表示名を入力します。
  3. 内容を編集します。
  4. 「保存」をクリックします。

新しいピンを立てる

post-2151h
新たにピンを立てる場合は、検索窓に新たな住所を入力して「虫眼鏡ボタン」をクリックします。

地図サイズを設定しておこう

post-2151i
すべてのピンの入力が完了したら、記事に表示される最初の地図サイズを設定します。
「地図の中心へ」をクリックすると、立てたピン全体が入り込む地図サイズに設定できます。

 

ホームページやブログにGoogle Mapsを挿入する

作成したグーグルマップを挿入しよう

post-2151j

地図を挿入したい箇所にカーソルを合わせておく。

 

post-2151k

MapPressに戻って、「記事へ挿入」をクリックすれば、地図が挿入されるぞ。

 

スポンサーリンク

よく読まれている記事

1
2017年スーパー戦隊は「宇宙戦隊キュウレンジャー」のキュータマ!?978 いいよ

新情報続々☆こちら、今作のコンセプトアートを手掛けて下さったのは漫画家の久正人さん!宇宙船デザイン、敵デザインを中心にデザイナーさんとしてもご参加頂いてます! また今回はキョウリュウジャー、ニンニンジ ...

2
エグゼイドのおもちゃ飽きたらどうする?子を持つ親の仮面ライダーの取り扱い方2,953 いいよ

仮面ライダー適齢期の子供を持つパパママ、今度のエグゼイドのおもちゃはなにかもう手に入れた? 手に入れるのはいいけどさ、子供が飽きたときそのおもちゃどうするよ。 今回は仮面ライダーのおもちゃの取り扱い方 ...

3
【コピペ可】AFFINGER4のトップページへ戻るボタンをカスタマイズ262 いいよ

AFFINGER4のトップページへ戻るボタンは、なにも設定をしていない状態だと、「おまえ、ほんとにそこにいるの!?」って言うくらい影が薄い存在である。 というか、目を凝らしても見えないほどの薄さなのだ ...

4
成田山初詣オイラ流。うなぎと屋台と時々占い853 いいよ

オイラの家族は毎年初詣に成田山新勝寺にお参りしに行くのが恒例だ。 もうかれこれ、15年以上も成田山に通っている。 初めて成田山に初詣に行くってあなたに、オイラ流の成田山参拝ツアーを紹介しようと思う。 ...

5
インフルエンザ予防接種したのに感染した!ウチはもうやめたよ。346 いいよ

毎年、友人や親戚の子供など身の回りの人たちから、こんな嘆きをもらう。 「せっかくインフルエンザ予防接種したのに感染しちゃった!」と。   保険がきかないお高い予防接種代を毎年支払い、 泣き叫 ...

6
チュチュベビーで虫歯菌をやっつけろ!ヨーグルトが健康な歯を作る!535 いいよ

なに~!? L8020乳酸菌が虫歯菌をやっつけてくれる! ヨーグルトいわゆる乳酸菌を食べて、健康な歯が保てるだと~。 ここ最近の出来事でオイラのちょっとした驚きのニュースだ。   3歳までに ...

-WordPress, プラグイン

Copyright© OIRAGIKYU , 2017 AllRights Reserved.