Googleマップをシンプルに自分のWebサイトで使う

GoogleマップをWebサイトに貼り付ける方法が、簡単になったそうです。

• Google Japan Blog: Google マップが携帯でも表示できるようになりました

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サイトやブログなどで使いたい場合は便利かも知れません。