LUNARAVE WEBクリエイターの仕事と休息

アクセスカウンタ

Google Maps APIの利用戦国IXAWeb技術Youtubeチャンネル

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

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

なるほど(納得、参考になった、ヘー) ブログ気持玉 1 / トラックバック 0 / コメント 0

昨年秋ごろから取り掛かっていた"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();


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

 マウスホイール


この操作でただ拡大縮小するだけでなく、マウスがあるポイントを中心に拡大縮小するので、地図をドラッグして位置あわせする必要がない。


無料で利用できる地図APIが増えてきているが、当面"Google map"を利用していこうと思う。

テーマ

注目テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ
気持玉数 : 1
なるほど(納得、参考になった、ヘー)

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Google Mapの利用 -(7)マウスホイール対応- LUNARAVE WEBクリエイターの仕事と休息/BIGLOBEウェブリブログ
文字サイズ:       閉じる