0

关于 JavaScript 范围的问题。我有三个文件（我正在使用 Backbone，但我不确定这是否相关）。第一个文件定义了一个谷歌地图自定义信息窗口。第二个文件定义了一个谷歌地图标记并将信息窗口应用到它。最后，第三个文件将标记和其他页面元素添加到地图中。

我希望第三个文件能够侦听信息窗口上的鼠标悬停事件，并在其他页面元素发生时调用它们的方法。但是，我的 JavaScript 还不够好，不知道如何：

// InfoWindow.js defines the info window & adds a mouseover event
AI.InfoWindow.prototype = new google.maps.OverlayView;
AI.InfoWindow.prototype.onAdd = function() {
  this.listeners = [
    google.maps.event.addDomListener(this.$content.get(0), "mouseover", function (e) {
       clearTimeout( window.hidePopupTimeoutId );
    }) ...
  ];
};

// Marker.js defines the map marker and adds the infowindow 
AI.Marker = function() {
  google.maps.Marker.prototype.constructor.apply(this, arguments);
  this.infoWindow = new AI.InfoWindow();
}

// Home.js creates the markers for the map
var myOtherHomePageElement = new AI.OtherHomePageElement();
var marker = new AI.Marker({
   data: entity 
});
// how to listen to infowindow events here?

所以我的问题是：infowindow 上的鼠标悬停工作正常，但我希望能够在myOtherPageElement.start()鼠标悬停时调用。如何从 Home.js 文件中执行此操作？

4

1 回答 1

0

当鼠标悬停发生时，您可以使用Backbone.triggerandBackbone.on通知 Home.js 中的对象。

// InfoWindow.js defines the info window & adds a mouseover event
AI.InfoWindow.prototype = new google.maps.OverlayView;
AI.InfoWindow.prototype.onAdd = function() {
  this.listeners = [
    google.maps.event.addDomListener(this.$content.get(0), "mouseover", function (e) {
       clearTimeout( window.hidePopupTimeoutId );
       Backbone.trigger('infowindow:mouseover', e);
    }) ...
  ];
};

// Marker.js defines the map marker and adds the infowindow 
AI.Marker = function() {
  google.maps.Marker.prototype.constructor.apply(this, arguments);
  this.infoWindow = new AI.InfoWindow();
}

// Home.js creates the markers for the map
var myOtherHomePageElement = new AI.OtherHomePageElement();
var marker = new AI.Marker({
   data: entity 
});
Backbone.on('infowindow:mouseover', myOtherHomePageElement.start, myOtherHomePageElement);
于 2013-04-12T15:43:15.910 回答