簡単に使えたので記録しておく。
概要
以下のように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を指定。
参考
以上
概要
以下のように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を指定。
参考
以上
コメント
コメントを投稿