google map apiにマウスホイールイベントを追加

とあるWEBクリエイターのblog » 技術系 » google » google map apiにマウスホイールイベントを追加

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をインスタンス化したオブジェクト

« 前の記事へ

次の記事へ »