javascript-events – 无法在Google地图信息框上添加活动

我正在使用带有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 */ });
  });
});