我正在使用带有Google Map V3的InfoBox(附图).点击信息框时,我想转到详细信息页面.但我无法在信息框上添加点击监听器.这是我正在使用的代码：
这是我的信息框配置：
var ib = new InfoBox({ alignBottom : true,disableAutoPan: false,maxWidth: 0,pixelOffset: new google.maps.Size(-125,-50),zIndex: null,closeBoxURL: "",infoBoxClearance: new google.maps.Size(1,1),isHidden: false,pane: "floatPane",enableEventPropagation:false });
我添加了这个信息框的监听器：
google.maps.event.addListener(ib,'domready',function() {
if(Ext.get(ib.div_)){
Ext.get(ib.div_).on('click',function(){
console.log('test on click')
},this);
Ext.get(ib.div_).on('mousedown',this);
}
});
虽然enableEventPropagation = false,但事件不会传播到MAP,但信息框上没有任何事件正在处理.
虽然enableEventPropagation = true,但事件(click,mousedown)可以正常工作,但点击信息框的其他部分,它需要我映射或另一个标记.
知道怎么解决这个问题吗？
解决方法
你需要将domready事件添加到信息框的eventListener而不是谷歌地图的事件.只有在信息框的html在屏幕上之后,您才能绑定事件.要防止多事件绑定,请在加载新的信息框之前关闭其他信息框.
infoBox= new InfoBox(); google.maps.event.addListener(marker,'click',function() { infoBox.close(); infoBox= new InfoBox({ ... }); infoBox.open(map,this); infoBox.addListener("domready",function() { $("#target").on("click",function(e) { /* do something */ }); }); });
