Cox Cafe

XperiaやMVNOの情報など

格安SIMを使いませんか?

IIJmio使う人は紹介コード「694 8329 6496 4226」を使うか、 こちらから是非どうぞ。
2ヶ月間高速データ量が10%増量されます。

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

2008/04/15

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=400x300
&key=[自分のAPI key]" />

それぞれの意味は、以下の通り。赤で強調された項目は必須となります。

center
マップ中央の緯度と経度。
markers
マップ上にマーカーを置く。置きたいマーカーの緯度と経度、および色などが指定出来、複数の場合は「|」で区切る。
zoom
0から19の間でズームレベルを指定。数字が高ければ拡大、低ければ縮小。
size
マップの表示サイズを指定。最大512x512。
key
自分のAPIキーを入力。ない場合は、Sign Up for the Google Maps APIで取得。
maptype
roadmapかmobileを指定。デフォルトはroadmapだが、携帯電話向けWebサイトならmobileを。

とりあえず手っ取り早くGoogleマップを自分のWebサイトやブログなどで使いたい場合は便利かも知れません。

ad

-主要エントリー