県内所蔵図書館マップ マウスホイールでのZoomIn,Outを組み込んでみた
概要
- ダブルクリックでのZoomIn,OutとGreyboxの画面クリックでGreyboxを閉じる機能がバッティングして、Greyboxを閉じた際にmapがZoomOutされてしまう。
対処
- 当初、Greyboxを閉じた時点でクリックイベントをキャンセルするような方法を模索していた。
- enableDoubleClickZoom()を無効にしても(デフォルト)、シングルクリックでセンタリングする機能は有効
Google Mapsのサイトではマウスホイールの回転でZoomIn,Outが出来ることを踏まえて調査- 生のprototype.jsではEventにマウスホイールを指定できないため、mouse wheel event demohttp://rails2u.com/misc/wheel_event/のwheel_event.jsを組み込む。
- 視覚的にマウスホイールによりZoomIn,Outしていることが分かるように、マップコントロールをGSmallMapControl()からGLargeMapControl()に変更した(スライダがあるやつ)
雑感
-
- 勿論、マーカのダブルクリックでのセンタリング→ZoomInが一番良いが、マーカをシングルクリック→ホイール回転でのZoomInが出来れば80%位には代替できてないかな?
- 個人的にはホイールを手前に回転したときにZoomInしたほうが感覚的に気持ちよいが、スライダの向きが上方向がZoomInなので仕方ない
- とりあえずバグが1つつぶれた