我正在使用来自 googlemaps api V3 的 infobubble。
我的标记上有一个事件,每次单击它时都会出现一个气泡。
我之前使用过 infobox 和 infowindow,当我点击标记时,它们总是将自己定位在地图的中心,如果我对它们的了解都是正确的,那么这是由 pixelOffset 属性完成的。
然而,Infobubble 并没有给我同样的效果,我明白了:
我的代码:
google.maps.event.addListener(marker, 'click', function() {
$.ajax({
url: '/templates/GoogleMapsMarkerInfo.aspx?id=' + page + '&epslanguage=<%=CurrentPage.LanguageBranch %>',
dataType: "html",
success: function(data){
var myOptions = {
content: data,
maxWidth: 300,
shadowStyle: 1,
padding: 0,
backgroundColor: '#fff',
borderRadius: 15,
arrowSize: 7,
borderWidth: 1,
borderColor: 'blue',
disableAutoPan: true,
hideCloseButton: false,
arrowPosition: 25,
backgroundClassName: 'phoney',
arrowStyle: 2
};
if(infoBubble.getContent()!="")
infoBubble.close()
infoBubble.setOptions(myOptions)
infoBubble.open(map, marker);
}
});
澄清一下:我不希望气泡在地图上居中以便显示整个信息,我不想被迫在地图上拖动以查看整个气泡。
如果需要更多信息,请询问,我会尽力提供。