2013-02-28 16 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

관련 문제