2015年6月14日日曜日

Google マップ URL のパラメーターについて

Google マップ URL のパラメーターについて調べてみました。

いろいろなパラメーターがありますが、とりあえず気になったものだけ調べてます。


<iframe> タグでのインライン表示

<iframe> タグでインライン表示するためには output=embed を付けます。

<iframe src="http://maps.google.co.jp/maps?output=embed" width="600" height="450" frameborder="0">
  この部分は iframe 対応のブラウザで見てください。
</iframe>

実際のインラインは以下のようになります。



地図の中心を緯度、経度で指定

ll=35.680834,139.766852 というように指定します。 (指定したのは東京駅の緯度、経度です。)

<iframe src="http://maps.google.co.jp/maps?ll=35.680834,139.766852&output=embed" width="600" height="450" frameborder="0">
  この部分は iframe 対応のブラウザで見てください。
</iframe>

縮尺が小さいので中心が東京駅かどうかわかりませんが、日本が地図の中心になっています。



縮尺を指定

z=13 というように指定します。この値が小さいほど広範囲 (縮尺が小さい)、大きいほど詳細 (縮尺が大きい) になります。

<iframe src="http://maps.google.co.jp/maps?ll=35.680834,139.766852&z=13&output=embed" width="600" height="450" frameborder="0">
  この部分は iframe 対応のブラウザで見てください。
</iframe>

先ほどよりずっと詳細に表示され、東京駅が中心になっていることが確認できます。



検索結果を指定 その1

q=駐車場 というように指定すると、「駐車場」を検索し、結果が表示されます。

<iframe src="http://maps.google.co.jp/maps?ll=35.680834,139.766852&z=13&q=駐車場&output=embed" width="600" height="450" frameborder="0">
  この部分は iframe 対応のブラウザで見てください。
</iframe>


検索結果を指定 その2

q=東京都中央区 というような検索をすると、中央区のエリアが表示されました。

<iframe src="http://maps.google.co.jp/maps?ll=35.680834,139.766852&z=13&q=東京都中央区&output=embed" width="600" height="450" frameborder="0">
  この部分は iframe 対応のブラウザで見てください。
</iframe>


検索結果を指定 その3

q=loc:35.710032,139.810722 というようにすると指定した場所にピンが表示されます。 (指定したのはスカイツリーの緯度、経度です。)

<iframe src="http://maps.google.co.jp/maps?ll=35.680834,139.766852&z=13&q=loc:35.710032,139.810722&output=embed" width="600" height="450" frameborder="0">
  この部分は iframe 対応のブラウザで見てください。
</iframe>

ll=35.680834,139.766852 というように、中心を東京駅にしているのに、インライン表示された地図はなぜか東京駅と q=loc:35.710032,139.810722 (スカイツリー) の中間あたりが中心となっています。

なお、<a> で張ったリンク先の Google map ではちゃんと東京駅が中心になっています。 ( output=embed は指定から外してます)

http://maps.google.co.jp/maps?ll=35.680834,139.766852&z=13&q=loc:35.710032,139.810722

0 件のコメント:

コメントを投稿