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プログラミング入門 の詳しい情報を見る / ウェブリブログ商品ポータル


ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

free mp3
2011年03月21日 12:41
i be fond esteem it staticMaplet - Google Maps�ソスフ静的�ソスn�ソス}�ソス鞫廩TML�ソス�ソス�ソス�ソス�ソス�ソスu�ソスb�ソスN�ソス}�ソス[�ソスN�ソス�ソス�ソスb�ソスg Kawanet Tech Blog/�ソスE�ソスF�ソスu�ソス�ソス�ソスu�ソス�ソス�ソスO at this moment im your rss reader

この記事へのトラックバック