我正在使用带有Google Map V3的Info
Box(附图).点击信息框时,我想转到详细信息
页面.但我无法在信息框上
添加点击监听器.这是我正在使用的
代码：
这是我的信息框配置：
- 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 */ });
- });
- });
