AZuSk's secret log

AZuSkの日々的Hack雑記

GoogleMap画像ジェネレータ

   

スポンサーリンク

hoge.secret.jp_300x250

GoogleMapをblogなどでgif画像として使いたい時に、GoogleMapAPIを使うのだが、引数が多くて手動で書くのがめんどくさい。
Static Maps API デベロッパー ガイド

自動でリンクURLを出力できればいいなぁと思ったら、さすがGoogle、ちゃんと付いてました。
Static Maps API v2 Wizard

でも、ちょっとした罠があって素直に出来なかったので、簡単に書いておく。

To create a marker:には住所でなくても35.675967,139.745096のような緯度経度を入れても出る。
緯度経度は普通にMap開いて、リンクをクリックして出るURL(http://~)の&ll=以下の部分なので簡単に取れる。

それで、いろいろ設定をすると一番下にURLが書かれるので、それコピペ。

でも、設定が複雑になると、ie8の場合、一行が画面はみ出して一度に選択できない。(firefoxはスクロールして選択できた。)しょうがないのでCtrl+Aで全部をコピペして、メモ帳開いて、ペースト、使うところだけ再度コピペ。という手順になった。tt
ここは改良の余地がおおありだ。textarea内だけを全部選択出来るようにしたり、クリップボードにコピーできるボタンでも付けるべきだと。

しかし、この後も一筋縄ではいかなかった。何度やっても画像が出力されない。サンプル画像のソースも見比べて、やっと分かった。

sensor=TRUE_OR_FALSE
これが原因。sensorについては画面説明に書いてない。APIkeyについては書いてるけど。
これをtrueかfalseに書き換えないと画像が出ないのだった。
しかも、最初は”TRUE_OR_FALSE”とあるので、”TRUE_OR_”を削除して”FALSE”としたら画像が出なかった。
“false”と小文字にして、やっと画像が出た。大文字はダメなんてそんなのありかよ。

ちなみに、sensorの意味はStatic Maps API デベロッパー ガイド参照。

サンプル画像

画像URLは
http://maps.google.com/maps/api/staticmap?center=35.675008,139.741888&zoom=14&path=color:0x0000FFb3|weight:5|35.67788,139.73090|35.67614,139.74318&path=color:0x0000FFb3|weight:5|35.67788,139.74172|35.67614,139.74318|35.67502,139.74120&path=color:0x0000FFb3|weight:5|35.68220,139.72798|35.68325,139.73176&path=color:0x0000FFb3|weight:5|35.68060,139.72807|35.68151,139.73210&path=color:0x0000FFb3|weight:5|35.68402,139.72910|35.67955,139.73082&path=color:0x0000FFb3|weight:5|35.68464,139.73253|35.68353,139.73356&path=color:0x0000FFb3|weight:5|35.68478,139.73382|35.68374,139.73494&path=color:0x0000FFb3|weight:5|35.67837,139.72635|35.67718,139.72833&path=color:0x0000FFb3|weight:5|35.67628,139.72567|35.67537,139.72764&path=color:0x0000FFb3|weight:5|35.67356,139.72635|35.67579,139.73064&path=color:0x0000FFb3|weight:5|35.67677,139.73142|35.67544,139.73202&path=color:0x0000FFb3|weight:5|35.67656,139.73270|35.67537,139.73305&path=color:0x0000FFb3|weight:5|35.67251,139.72790|35.66861,139.72713&path=color:0x0000FFb3|weight:5|35.66972,139.72858|35.67049,139.72764&path=color:0x0000FFb3|weight:5|35.67223,139.72970|35.67084,139.73056&path=color:0x0000FFb3|weight:5|35.67258,139.73090|35.67147,139.73142&path=color:0x0000FFb3|weight:5|35.66835,139.73142|35.66727,139.73133&path=color:0x0000FFb3|weight:5|35.66783,139.72944|35.66730,139.72940|35.66673,139.72936&path=color:0x0000FFb3|weight:5|35.66728,139.72961|35.66724,139.73378|35.66487,139.73133&size=500×300&sensor=false&key=ABQIAAAAYkmDaW-9iW6dU6H5DsSlgBQsrkHBJBesZrL_vBBNxc0zg1RG9RTL3aX2HP0-6ah54jxahrt0YrsmyA

Powered by ScribeFire.

未分類

スポンサーリンク

hoge.secret.jp_336x280

hoge.secret.jp_336x280

Message

メールアドレスが公開されることはありません。

CAPTCHA


  関連記事

no image
年賀状

あけましておめでとうございます(予定)ここにもブログパーツとして貼っている「ブロ …

no image
mySQLのDownload元が分からない

以前、Apache+PHP4+mySQL4.0.24をインストールしてlolip …

no image
WordPressのテーマ’DarkCity’のpタグ

よくブログって空白行でタメを作りますよね。 ここまでタメて一発ギャグ どこが不具 …

no image
OnMouseOverでリンク先のスクリーンショットを・・・

素直に公開APIにリンクした方がスマートです。はい、これ、結論。 スクリーンショ …

no image
IEのJavascriptでclass値を設定してもCSSが適用されない

JavascriptでRSSを読み込んで動的にリンクタグを作るスクリプトを組んだ …

no image
今が旬の検索ワード@楽天

喪中はがき 無料 テンプレート りんご 仮装 ハロウィン 子供 ハロゲンヒーター …

no image
保護中: 自分用

この投稿はパスワードで保護されているため抜粋文はありません。

no image
XAMPP 1.6.5のphpMyAdminでログインできなくなった時の話

ちょっとだけPHPの動作確認したい時に鯖PC立ち上げるのが面倒だったので、 (電 …

no image
広告を見てWebMoneyを貯める方法~manna

http://www.manna-jp.com/manna.html WebMo …

no image
RYGでN3Rしてみない?

リャグ(RYG) 何でもアルファベットor数字3文字に略してしまおうというコンテ …