Googleマップのクラスメソッドを呼び出そうとしています。jQueryのマーカークリックイベントコールバック

Question

Googleマップとそのマーカーを扱うjQueryクラスがあります。 各マーカーを作成した後、私は、各マーカーのクリックリスナーを追加します。

var marker = new google.maps.Marker(options); 
google.maps.event.addListener(marker, "click", function(event) { 
    //Do something with event 
}); 

しかし、私が代わりにクラスの機能を使用したい：

google.maps.event.addListener(marker, "click", this.onVehiculeClick.bind(this)); 
onVehiculeClick: function(event) { 
    console.log(this); 
    console.log(event); 
    //Do something with event 
} 

これは、Firefoxでうまく機能しているとクロム：それはログこの（私のオブジェクト）とGoogleマップのイベントです。 SafariやIEではなく、Firefoxの他のバージョンでもonVehiculeClickメソッドは呼び出されず、google.maps.event.addListenerの直後にconsole.logを追加すると何も出力されません。

私は.bind（この）部分を削除した場合、メソッドが呼び出されるが、私はこのがGoogleマップオブジェクトを表しますこのコンテキストとを失っています。また、var = thisをコンストラクタに追加しようとしましたが、メソッドコンテキストでは未定義です。

Google Maps JS API v3: Need to access Marker Object from inside the Event Handler私はここで助けてくれると思われるものを見つけましたが、プロトタイプを使用していて、jQueryでカレーメソッドと同等のものを見つけることができません。

ありがとうございました！

Answer 1

はこれにあなたのaddVehicule方法を変更してみてください：

addVehicule: function(vehicule) { 
    try { 
     var marker = this.addMarker(vehicule.latitude, vehicule.longitude); 
     var that = this; 
     //Observe clicks on vehicule 
     google.maps.event.addListener(marker, "click", function(event){ 
      that.onVehiculeClick(event) 
     }); 

     this.vehicules.push(vehicule); 
    } catch (error) {} 
}