google map apiにマウスホイールイベントでズームとズームアウトを追加する方法。
まずはGoogle Map Apiにズームとズームアウト関数を追加
GMap2.prototype.wheelZoom = function(event) {
if (event.cancelable) event.preventDefault();
if ((event.detail || -event.wheelDelta) < 0) {
gMap.zoomIn();
}else{
gMap.zoomOut();
}
return false;
}
Google Mapの設定の際にaddDomListenerでイベントを追加
GEvent.addDomListener(map, "DOMMouseScroll", gMap.wheelZoom);
GEvent.addDomListener(map, "mousewheel", gMap.wheelZoom);
mapは地図表示に使っている要素のDOMオブジェクト
gMapはGMap2をインスタンス化したオブジェクト
スポンサードリンク
google OR javascriptに関するエントリー
メールで購読する
twitterで購読する
RSSで購読する
このやり方で済むのではないですか。
http://sarugooglemaps.blog99.fc2.com/blog-entry-18.html
検索でこちらがヒットして、時間を無駄にしたのでこの記事は削除した方がいいと思います。