職業プログラマの戯言

携帯電話向けHPに地図を表示する方法をご紹介。

まずは、
Sign Up for the Google Maps API
でAPIキーを取得しておきます。

APIキーを取得したら、
Static Maps API Developer's Guide
を見て、必要なパラメータを付加してimgタグでコールするだけです。

例えば、東京ミッドタウンの地図を表示したいなら、

<img src="http://maps.google.com/staticmap?center=35.665819,139.730959&zoom=14&size=240x320&maptype=mobile&key=MAPS_API_KEY">

って感じで携帯電話向けHPに書き込むだけでQVGAサイズの地図を表示することが出来ます。 sizeパラメータを調整すれば、ワイド液晶の携帯電話向けに大きな地図を表示することも簡単に出来ます。 もちろん、ブログにも表示できるので、実際に表示してみると、
必須パラメータはcenterとAPI_KEYのみですが、 マーカーなどの表示も出来ますので、パラメータの詳細は Static Maps API Developer's Guide を参照してください。

-