google maps イベント

Google Maps API version 3のイベントは二つがある。

1. ユーザーイベント。DOMからGoogle Maps APIに伝播される。
2. Maps　APIオブジェクトのMVC状態変化を通知する。

ユーザーイベント。

UIイベント。マウスやキーボードイベントのようなユーザーイベントです。Maps　APIでは様々クロスブラウザの特徴を扱う必要なく、DOMイベントを監視し反応さセルメカニズムを提供します。UIステートが引数として渡されます。

MVC状態変化

　　　MVCオブジェクトは一般的にstate(状態)を持っています。オブジェクトのプロパティが変更した時は、APIはプロパティ変更通知（property_changedイベント）を発生します。例えば、地図のズームレベルが変更されると、zoom_changedイベント発生する。引数は何も渡しません。

イベントを登録する

通知を受け取るために、addListener()を使って、イベントハンドラを登録する。zoom_changedイベントを登録する。

google.maps.event.addListener(map, 'zoom_changed', functionA);

UIイベントの引数にアクセスする。

UIイベントは引数を渡し、イベントリスナーを使ってアクセスすることができます。’click’イベントで、通常はMouseクリックされた地図上の位置を意味するlatLngプロパティとスクリーン上のクリックされた位置を意味するpixelを渡す。

google.maps.event.addListener(map, 'click', function(event){

var mylatlng = event.latLng;

});

イベントハンドラ内でプロパティの取得と設定

MVC状態変化イベントは引数を渡しません。MVC状態変化のプロパティを調べたい時は、明示的なオブジェクトのgetProperty()メソッドをコールするのが良い。