[HTML]Google Static Maps API V2

簡単に使えたので記録しておく。


概要

以下のようにGoogleマップをブログに表示する方法。



やり方

上記の地図は以下のHTMLをブログ記事に書いてあるだけ。IMGタグのSRCパラメータにGoogleが指定する方法で表示したい地図情報記述する。

<img src="http://maps.google.com/maps/api/staticmap?zoom=15&size=400x200&markers=%E6%9D%B1%E4%BA%AC%E9%A7%85&sensor=false" />

zoomは、地図の縮尺で0〜21。地図として周辺の状況が伝えたいなら15かな。

sizeは、地図画像のサイズで最大で640x640。

markersは、地図の中心でマーカーを付ける場所、住所、緯度・経度、(著明な)場所名を指定。ちなみに「%E6%9D%B1%E4%BA%AC%E9%A7%85」は、「東京駅」がURLエンコードしたもの。

sensorは、とりあえずfalseを指定。

参考

• Static Maps API V2 デベロッパー ガイド

以上