TOP > 技術系 > google >

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

| | コメント(0) | トラックバック(0)

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に関するエントリー

トラックバック(0)

このブログ記事を参照しているブログ一覧: google map apiにマウスホイールイベントを追加

このブログ記事に対するトラックバックURL: http://www.kazumanishihata.com/mt/mt-tb.cgi/244

コメントする

スポンサードリンク

グルメ

  • ビールで乾杯
  • ホットケーキセット
  • ちくわ天 カレーうどん
  • 上手に焼けましたー
  • ジンジャー(強め)
  • ぜんな蛤(はまぐり)の焼きハマグリ
  • 焼鳥丼
  • 温泉卵とアボカドのねぎとろ丼
  • 安楽亭
  • かんぱーい

このブログ記事について

このページは、西畑一馬が2008年6月28日 19:18に書いたブログ記事です。

ひとつ前のブログ記事は「iPhone」です。

次のブログ記事は「Firebug1.2.0b4」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。