Kawanet Blog II

アクセスカウンタ

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

<<   作成日時 : 2011/03/20 23:33   >>

ブログ気持玉 0 / トラックバック 0 / コメント 1

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件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(1件)

内 容 ニックネーム/日時
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
free mp3
2011/03/21 12:41

コメントする help

ニックネーム
本 文
staticMaplet - Google Mapsの静的地図画像HTMLが取れるブックマークレット Kawanet Blog II/BIGLOBEウェブリブログ
文字サイズ:       閉じる