0

インフォボックスをクリックできないのはなぜですか?

私は次のように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!");
});

私はそれがそれを行う正しい方法だと信じていますか、それとも私は何かを逃しますか?

4

1 に答える 1