尝试在 jQuery 中调用 Google Maps Marker 点击事件回调中的类方法

Question

我在 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 和 chrome 上运行良好：它正在记录 this（我的对象）和谷歌地图事件。但不是在 Safari 或 IE（以及其他一些版本的 Firefox）中：它没有调用 onVehiculeClick 方法，如果我在 google.maps.event.addListener 之后添加一个 console.log，则没有任何输出。

如果我删除 .bind(this) 部分，则调用该方法，但我会丢失 this 上下文并且 this 将代表谷歌地图对象。我还尝试在构造函数中添加一个 var that = this，但它在方法上下文中未定义。

我在这里找到了一些我认为可能对我有帮助的东西：Google Maps JS API v3: Need to access Marker Object from inside the Event Handler，但它使用的是原型，我在 jQuery 中找不到任何等效的 curry 方法。

感谢您的帮助！

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) {}
}