Google Maps JavaScript API V3のイベント

Google Maps JavaScript API V3のイベント

イベントについて

今回はイベントについてやってみる。ガイドにあったのをそのまま参照。

しかし、このガイドの日本語ってちょっと理解し難いというかなんというか。

えーと、ガイドを読むと「event 名前空間に addListener() イベント ハンドラを登録することによってインターセプトできます。」とある。
ガイドの「MVC の状態変化」サンプルソースをみると、２つイベントが登録されているなと。

ガイドの説明によると、

• ズームイベント（状態変化イベント）：google.maps.event.addListener(map, 'zoom_changed', function() {
• クリックイベント（ユーザーイベント）：google.maps.event.addListener(marker, 'click', function() {

ってことだな。たぶん。

それと、ガイドを読み進めていくと、「DOM イベントのリッスン」の項にonload イベントのことが書いてあるので、今回はこのメソッドを使用。

google.maps.event.addDomListener(window, 'load', initialize);

それで、前回と同じようにblogに貼り付けてみたのがこれ。

マーカーをクリックすると「map.setZoom(8);」になって、ズームが変更されたら「moveToDarwin()」が走るってダーウィンに移動ってことだね。