- 2008年5月13日 10:03
- アフィリエイト塾
GPS機能を利用した宿泊施設の検索機能のリリースにあわせて、Google Static Maps APIを使用した地図表示機能をリリースしましたが、操作の利便性の向上を目的に機能強化を行いました。
Google Static Maps APIは、JavaScriptではなく静止画で地図を表示するためのAPIです。このために、画像で地図を表示することが可能になりますので、携帯電話でも利用することができます。
画像で地図を表示するため、地図の拡大・縮小、地図の移動が行えません。このために今回の機能強化は地図の拡大・縮小、移動を行えるようにしました。
- 地図の拡大・縮小機能
地図の拡大、縮小のリンクを設定し、このリンクをクリックすることで現在位置をセンターポジションに拡大、縮小を行うようにしました。
- 地図の移動機能
８方向の矢印のリンクを設定し、このリンクをクリックすることで移動を行えるようにしました。
東京駅周辺の地図です。地図の拡大・縮小、移動の機能を確認することができます。
Google Static Maps APIのインターフェイスです。
今回リリースしている地図表示機能は下記のインターフェイスを利用し開発しています。
http://maps.google.com/staticmap?
center=[中心の緯度],[中心の経度]
&zoom=[ズームレベル]
&size=[画像の横幅]x[画像の高さ]
&maptype=[mobile or roadmap]
&markers=[マーカーの緯度],[マーカーの経度],[色][アルファベット]
&key=[APIキー(GoogleMapと共通)]
インターフェイスのリファレンス（項目説明）はこちらにあります。