Googleマップをシンプルに自分のWebサイトで使う
GoogleマップをWebサイトに貼り付ける方法が、簡単になったそうです。
Javascriptなしで使えるため、携帯電話用Webサイトに適しているのだとか。
上のマップの場合だと、以下のように記述するだけ。
<img src="http://maps.google.com/staticmap
?center=34.70179,135.498368
&markers=34.70179,135.498368,red|34.701901,135.49932,blue
&zoom=16
&size=400×300
&key=[自分のAPI key]" />
それぞれの意味は、以下の通り。赤で強調された項目は必須となります。
- center
- マップ中央の緯度と経度。
- markers
- マップ上にマーカーを置く。置きたいマーカーの緯度と経度、および色などが指定出来、複数の場合は「|」で区切る。
- zoom
- 0から19の間でズームレベルを指定。数字が高ければ拡大、低ければ縮小。
- size
- マップの表示サイズを指定。最大512×512。
- key
- 自分のAPIキーを入力。ない場合は、Sign Up for the Google Maps APIで取得。
- maptype
- roadmapかmobileを指定。デフォルトはroadmapだが、携帯電話向けWebサイトならmobileを。
とりあえず手っ取り早くGoogleマップを自分のWebサイトやブログなどで使いたい場合は便利かも知れません。
(まだ評価されていません)
Loading ...
