Google Map APIを利用してみよう
ちょっと検証に時間がかかっていたため更新が遅くなりました。
まずはこんなものから。
こんな感じで任意の場所をブログやサイトに表示することが出来ます。
そしてこれはJavaScriptを使用しておらず、携帯でも表示することが出来ます。
結構簡単にこの地図表示のコードを書くことが出来るため
ツールを販売している人がそのうち利用するんだろうなぁ・・・
今なら周辺地図も紹介したら便利なサービスでアフィリするのに
これを使うとちょっと有利かも知れませんね。
ちなみに上の地図のコードは以下のようになっています。
<img src="http://maps.google.com/maps/api/staticmap?center=40.509161,141.431468&zoom=15&markers=color:blue|40.509161,141.431468&size=320x200&sensor=false">
center=40.509161,141.431468の部分で地図中心の緯度(北緯),経度(東経)を指定し
zoom=15の部分で地図の拡大割合を指定し
markers=color:blue|40.509161,141.431468でマーカーの色と位置を指定し
size=320x200で地図の大きさ(ピクセル)を指定し
sensor=falseで・・・これが解らなかったのですがGPS機能の利用関係と推定をfalseで不使用指定
となっています。
地図の中心位置やマーカーの位置や数や色、ラベルは変更が出来ます。
例えば
こんなことも可能です。
この地図のコードは以下の通りです。
<img src="http://maps.google.com/maps/api/staticmap?center=40.509161,141.431468
&zoom=15&markers=color:blue|label:A|40.509161,141.431468
&markers=color:red|label:B|40.509511,141.433485&size=320x200&sensor=false">
これ何かに使えると思いませんか?
試して見たい方はStatic Maps Wizardへどうぞ。
まずはこんなものから。
こんな感じで任意の場所をブログやサイトに表示することが出来ます。
そしてこれはJavaScriptを使用しておらず、携帯でも表示することが出来ます。
結構簡単にこの地図表示のコードを書くことが出来るため
ツールを販売している人がそのうち利用するんだろうなぁ・・・
今なら周辺地図も紹介したら便利なサービスでアフィリするのに
これを使うとちょっと有利かも知れませんね。
ちなみに上の地図のコードは以下のようになっています。
<img src="http://maps.google.com/maps/api/staticmap?center=40.509161,141.431468&zoom=15&markers=color:blue|40.509161,141.431468&size=320x200&sensor=false">
center=40.509161,141.431468の部分で地図中心の緯度(北緯),経度(東経)を指定し
zoom=15の部分で地図の拡大割合を指定し
markers=color:blue|40.509161,141.431468でマーカーの色と位置を指定し
size=320x200で地図の大きさ(ピクセル)を指定し
sensor=falseで・・・これが解らなかったのですがGPS機能の利用関係と推定をfalseで不使用指定
となっています。
地図の中心位置やマーカーの位置や数や色、ラベルは変更が出来ます。
例えば
こんなことも可能です。
この地図のコードは以下の通りです。
<img src="http://maps.google.com/maps/api/staticmap?center=40.509161,141.431468
&zoom=15&markers=color:blue|label:A|40.509161,141.431468
&markers=color:red|label:B|40.509511,141.433485&size=320x200&sensor=false">
これ何かに使えると思いませんか?
試して見たい方はStatic Maps Wizardへどうぞ。