我如何在IE和Firefox中将点击事件绑定到谷歌地图v3的自定义叠加层 [英] How can I bind click event to custom overlay with Google maps v3 both in IE and Firefox

问题描述

我已经在google文档的指令下划分了覆盖对象，我的onAdd（）函数如下所示：

  MyOverlay.onAdd（）{
 var div_parent = document.createElement（DIV）; 
 var div_child = document.createElement（DIV）; 
 div_child.innerHTML =点击我; 
 div_parent.appendChild（div_child）; 
 this.getPanes（）。overlayLayer.appendChild（div_parent）; 
 var this = that; 
 google.maps.event.addDomListener（div_parent，'click'，function（）{
 google.maps.event.trigger（'click'）; // from [http：// stackoverflow .com / questions / 3361823 / make-custom-overlay-clickable-google-maps-api-v3] 
 alert（Clicked）; 
}）; 
 
 
  

我的代码只能在IE中运行，但在Firefox和Chrome，点击事件不会再被触发。

那么如何解决这个问题呢？ overlayLayer mapPanes，你应该使用overlayMouseTarget。

参考： http：/ /code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays

I've already subclass my overlay object under the instruction of google document, and my onAdd() function is listed below:

MyOverlay.onAdd() {
    var div_parent = document.createElement("DIV");
    var div_child = document.createElement("DIV");
    div_child.innerHTML = "Click Me";
    div_parent.appendChild( div_child );
    this.getPanes().overlayLayer.appendChild(div_parent);
    var this = that;
    google.maps.event.addDomListener( div_parent, 'click', function(){
        google.maps.event.trigger(that, 'click'); // from [http://stackoverflow.com/questions/3361823/make-custom-overlay-clickable-google-maps-api-v3]
        alert("Clicked");
    } );

}

My code can work well ONLY in IE, but in Firefox and Chrome, the click event will not be triggered anymore.

So how to solve the problem?

解决方案

Instead of using overlayLayer mapPanes, you should use overlayMouseTarget.

Reference: http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays

这篇关于我如何在IE和Firefox中将点击事件绑定到谷歌地图v3的自定义叠加层的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！