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 件のコメント:
コメントを投稿