staticMaplet - Google Mapsの静的地図画像HTMLが取れるブックマークレット

Google Static Maps API を利用して、Google Maps で表示している地図の静的地図を取得する
ブックマークレットを作成しました。ブログに静的地図を貼るのに便利です。
下記のリンクをブラウザのブックマークバーにドラッグ&ドロップしてご利用下さい。

staticMaplet

Google Maps で表示している画面の中心を維持して静的地図とその HTML を表示します。
POI の吹出しが出ている場合は、できるだけピンを立てます。(完全ではありません)

ブックマークレット実行時

右側が普通のスクロール地図、左上が静的地図、左下が静的地図の HTML です。


静的地図 HTML を貼ってみる

地図画像の大きさは、380×380ピクセルです。


備考


Static Maps API v2 Wizard でも同様に静的地図 URL を取得できますが、
専用ページでなくて、いつものグーグルマップの画面で bookmarklet を実行するだけで
静的地図が取れるので、分かりやすいです。

JavaScript 実装のポイントは、地図 URL や、画面中心の緯度経度を
gApplication.getPageUrl();
gApplication.getMap().getCenter().lat();
gApplication.getMap().getCenter().lng();

といったメソッドで取り出すところです。

(関連記事)
・Google Mapsで短めのパーマリンクURLを取得するブックマークレット
http://kawa.at.webry.info/201008/article_5.html


Google Maps APIプログラミング入門
アスキー・メディアワークス
勝又 雅史

amazon.co.jpで買う
Amazonアソシエイト by Google Maps APIプログラミング入門 の詳しい情報を見る / ウェブリブログ商品ポータル


"staticMaplet - Google Mapsの静的地図画像HTMLが取れるブックマークレット" へのコメントを書く

お名前
メールアドレス
ホームページアドレス
コメント