知ってると便利googleマップの使い方

前回に続き、googleシリーズ第2弾です。
今回はgoogleマップについて、紹介します。
googleマップは、最近ではカーナビとの連動サービスもスタートするなど、飛躍的に進化を遂げているツールです。
※興味のある方の為の関連記事:
カーナビ連動も、グーグルがルート案内サービス開始 - @IT

※過去のgoogleシリーズを見たい方はこちら:こちら

1.自分のサイトに地図を貼り付ける方法
これは簡単、googleマップを開いて右端にある「リンク」をクリックすれば、htmlのコードが表示されるので、下段のhtmlをコピーして自分のソースに貼り付ければOK。
試しに「東京タワー」を検索してその結果の地図を、自分のサイトに貼り付けようとする時の手順はこんな感じです。

これを自分のwebサイトのhtmlに貼り付けると、こんな感じになります。

しかしこの様なやり方だと、東京タワー以外の施設も同時に検索されてしまいます。
複数ヒットしてしまっては、見る側も分かりません。
そこで名称ではなく、住所で検索してみます。
東京タワーの住所である「東京都港区芝公園4丁目2-8」を入力して検索を行なうと、マークは1つに絞られますが、今度は「東京タワー」の文字が表示されなくなってしまい、ぱっと見た感じではどこの施設を示しているのかがわかりません。

そこで、
「東京都港区芝公園4丁目2-8 (東京タワー)」
と入力すると、名称と住所が自動的に噴出しに表示されて見やすい感じになります。
※施設名を()で囲むのが重要です。
()で囲むと、それが噴出しの名称になります。
これで地図上にピンポイントで施設を表示させる事が出来ます。

ポイントも絞られて、しかも吹き出しまで出るので、見る側としてはとても見やすいサイトになります。

2.地図をカスタマイズして表示する方法
更に上記で紹介した以外でURLのパラメータを変更する事で、色々カスタマイズ可能です。
カスタマイズ可能なパラメータの代表的なものをいくつか紹介します。
・hl:hl=jaと指定すると、日本語で表示されます。
ちなみに英語は「en」です。

・q:q=(地名、住所などのキーワード)を指定すると、キーワード検索した状態と同じ結果になります。
1で紹介したケースです。
ただしこのパラーメータはURLエンコードで入力する必要があります。
URLエンコードは以下のスクリプトを、ブラウザのアドレス欄に貼り付ければ表示されます。
[javascript]

javascript:void(prompt(”,encodeURI("東京タワー")));[/javascript]
※ただしこのjavascriptは指定した文字をUTF-8に変換した後に、URLエンコードされます。

・f:f=dと指定すると、ルート・乗換案内が画面左側に表示されます。
見る側にとっては、地図とルート・乗換案内が同じ画面で出来るので非常に便利です。
http://maps.google.co.jp/maps?f=d&hl=ja&q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%AF%E5%8C%BA%E8%8A%9D%E5%85%AC%E5%9C%92%EF%BC%94%E4%B8%81%E7%9B%AE2-8+(%E6%9D%B1%E4%BA%AC%E3%82%BF%E3%83%AF%E3%83%BC)&iwloc=addr
ただし、自分のサイトに地図を貼り付けた場合は機能しません。

・ll:ll=(緯度),(経度)を指定する事で、その地点の地図を表示する事が出来ます。
http://maps.google.co.jp/maps?ll=35.658634,139.745411&hl=ja&q=(%E6%9D%B1%E4%BA%AC%E3%82%BF%E3%83%AF%E3%83%BC)
緯度、経度はこちらのサイトから検索する事が出来ます。
gecoding
※webAPIも提供されているので、手作業で探す手間が省けます。
住所が無い場合はどうするかって?
1で紹介した様なやり方は出来ないですし、gecodingを使っても緯度、経度も調べる事は出来ません。
その様な場合は、googleマップ上で目的の地点まで地図を移動させて、ブラウザのアドレス欄に以下のコードを入力すれば、現在地の緯度、経度を表示する事が出来ます。[javascript]javascript:void(prompt(”,gApplication.getMap().getCenter()));[/javascript]

・z:z=(0~20)と指定する事で、デフォルトのズームを指定する事が出来ます。
指定できる範囲は0(広域)~20(狭域)になります。
地域によって20を指定しても見れない場合があります。
http://maps.google.co.jp/maps?z=18&hl=ja&q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%AF%E5%8C%BA%E8%8A%9D%E5%85%AC%E5%9C%92%EF%BC%94%E4%B8%81%E7%9B%AE2-8+(%E6%9D%B1%E4%BA%AC%E3%82%BF%E3%83%AF%E3%83%BC)&iwloc=addr
この辺の情報を知っておけば、見る側の視点に立った地図をwebサイトに掲載できるのではないでしょうか?

カテゴリー: flashcast, googlemap パーマリンク

知ってると便利googleマップの使い方 への1件のフィードバック

  1. ピンバック: my-hobby : GoogleAPI~郵便番号から地図を表示してみる~

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です