インフォボックスをクリックできないのはなぜですか?
私は次のように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!");
});
私はそれがそれを行う正しい方法だと信じていますか、それとも私は何かを逃しますか?