QLOOKアクセス解析
Home » WordPress, WordPress プラグイン

Google Mapを簡単に埋め込み表示する、プラグイン「MapPress Easy Google Maps」

2011年4月4日 27,142 views 5 Comments

wordpress_mappresseasygoogle03_3

「MapPress Easy Google Maps」は、サイトにGoogle Mapを簡単に埋め込み表示するプラグインです。マーカー表示可能、航空写真・ストリートビュー表示可能、その作業の簡単なことにびっくりするはず。なかでも、A-B間ルート案内は秀逸。マルチサイトにも対応しており、一度使うと手放せなくなるでしょう。まったくよくできたプラグインです。

 

 

◆「MapPress Easy Google Maps」のインストール

「プラグイン」>「新規追加」をクリック。

wordpress_mappresseasygoogle01_1

検索で「MapPress Easy Google Maps」と入力し「プラグインの検索」ボタンをクリック。

wordpress_mappresseasygoogle01_2

「MapPress Easy Google Maps」の「詳細」をクリック。

wordpress_mappresseasygoogle01_3

「いますぐインストール」ボタンをクリック。

wordpress_mappresseasygoogle01_4

「MapPress Easy Google Maps」の「プラグインを有効化」をクリック。

wordpress_mappresseasygoogle01_5

有効化すると、ダッシュボードに「設定」>「MapPress」の項目が追加されます。続けて「MapPress Easy Google Maps」を設定していきましょう。

 

 

◆「MapPress Easy Google Maps」の設定方法

「設定」>「MapPress」をクリック。

「MapPress Easy Google Maps」の設定画面が表示されます。特に変更する点はありません。

投稿の編集画面に「MapPress」の項目が追加されています。この画面から地図を設定していきます。「New Map」ボタンをクリック。

wordpress_mappresseasygoogle02_2

Locationに、住所もしくは名称を入力し「Add」ボタンをクリック。

wordpress_mappresseasygoogle02_3

入力したポイント近辺の地図が表示されました。入力した住所には赤いマーカーが立っています。赤いマーカーをクリックしてみましょう。

wordpress_mappresseasygoogle02_4

吹き出しが現れました。Editをクリックすると場所や住所などを入力できます。

wordpress_mappresseasygoogle02_6

地図の表示位置や拡大縮小、地図の埋め込みサイズを変更し、タイトルを付けたら、「Save」ボタンをクリック。

wordpress_mappresseasygoogle02_5

登録されました。地図は複数登録可能です。Editをクリックすると再度 地図の編集画面に戻れます。Insert into postをクリックすると、

wordpress_mappresseasygoogle02_7

この地図を表示するタグが投稿の編集画面に入力されます。以上で設定は終了です。最後に、投稿の「公開」ボタンを押すのを忘れないように。

 

 

◆「MapPress Easy Google Maps」の実装確認

実際のサイトを確認してみると、このように地図が表示されました。ドラッグで地図の表示位置移動、拡大縮小もお手のものです。赤いマーカーをクリックしてみましょう。

先ほど入力した場所の名称や住所などの情報が表示されました。

この「MapPress Easy Google Maps」の特筆すべき点は、A-B間のルートを自動判断で表示してくれること。試してみましょう。Directionsをクリック。

地図の下に入力欄が表示されました。B地点は地図のマーカー位置ですでに入力されています。A地点に出発地点の住所もしくは名称を入力し、移動手段(車、徒歩、バイク)を選んだら、「Get Directions」ボタンをクリック。

wordpress_mappresseasygoogle03_2

A-B間のルート一覧とルート詳細、地図にはルートが表示されました。この機能は、一方通行の多い地域や、その場所の地理に不案内の方にはとてもありがたいですね。

wordpress_mappresseasygoogle03_3

また、途中この地点を通りたい、などあるときは、地図中のルートをドラッグして移動させることでルートを変更させることができます。それに伴ってルート一覧とルート詳細も自動で変更してくれています。あっぱれですね。

航空写真表示やストリートビュー表示にも対応。複数登録可能、一度登録した地図情報は別の投稿でも読みだすことが可能、とかなり柔軟にできています。一度使うと手放せないプラグインになりそうです。

◆ Similar Posts

5 Comments »

Leave a comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.