我已经在google文档的指令下继承了我的overlay对象,我的onAdd()函数如下所示:
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");
} );
}
Run Code Online (Sandbox Code Playgroud)
我的代码只能在IE中运行良好,但在Firefox和Chrome中,点击事件不再被触发.
那么如何解决这个问题呢?