2013-02-28 76 views
0

为什么我的信息框无法点击?无法点击Google地图信息框

我创建了boxText类似以下内容:

var boxText = document.createElement("div"); 
boxText.style.cssText = "width:210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:18px; color:#FFFFFF; text-shadow: 0 -1px 1px #000000;" 
boxText.innerHTML = "<span class='infoBox'>"+selectedDistributorArr[0].title+"</span>"; 
boxText.id = "boxText"; 

我也它分配给我的标记的信息框:

var myBxOptions = { 
       content: boxText, 
       disableAutoPan: false, 
       maxWidth: 0, 
       pixelOffset: new google.maps.Size(-145, -130), 
       zIndex: null, 
       boxStyle: { 
        background: "url('images/icons/xhdpi/tooltip.png') no-repeat", 
        width: "271px", 
        height: "80px" 
       }, 
       closeBoxURL: "", 
       infoBoxClearance: new google.maps.Size(1, 1), 
       isHidden: false, 
       pane: "floatPane", 
       enableEventPropagation: false 
     }; 
marker.infobox = new InfoBox(myBxOptions); 

我也分配到点击收听,但是不会显示警报所有!

google.maps.event.addDomListener(boxText, 'click', function() { 
      alert("ALERT!"); 
}); 

我相信这是正确的方式如何做或我错过了什么?

回答

0

只是几个快速的想法。

你把听众放在正确的东西上吗? boxText只是一个变量,而infobox在我看来需要放在什么位置。

另外,如果不是这样,enableEventPropagation被设置为false会阻止侦听器发射?

+0

嗨Rafe,对不起刚刚回到我的问题。是的,我让听众正确的事情,因为我遵循一些教程。我认为enableEventPropagation必须设置为false才能启用事件侦听器。 – Rendy 2013-03-26 04:27:12

相关问题