Google Mapの利用 -(7)マウスホイール対応- LUNARAVE WEBクリエーターの仕事と休息/ウェブリブログ

Google Mapの利用 -(7)マウスホイール対応-

<< 作成日時： 2008/04/17 12:33 >>

昨年秋ごろから取り掛かっていた"Google map"を利用した検索システムがようやく昨日、納品することができた。

途中クライアントの都合で止まっていたこともあるが、大きな修正もなく逆にスキルアップにつながった点が多い。

"Google map"の利用に関する記事は2007年8月以来だが、その間に操作性やデザイン面など議論と修正をし"Google map"とプログラムでかなりのことができるのがわかった。

さて、操作面ではまずマウスホイールを使って地図の操作を最小限にさせることで使いやすくなる。

これまでの参考例に手を加えていくことにする。

　サンプルマップ

現在はサンプル地図に中心座標やマーカーを表示させるところまで実装している。

ソースは以下のものだ。

map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(34.702495,135.49417), 17);

これに一行だけ加える。

map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(34.702495,135.49417), 17);
map.enableScrollWheelZoom();

これだけでマウスホイールに対応することができる。

　