即时通讯使用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);
}
});
澄清: 我不想把气泡放在地图上以便显示整个信息,我不想被迫在地图上拖动以查看整个气泡。
如果需要更多信息,我会尽力提供。
答案 0 :(得分:1)
仅将disableAutoPan
设为False
。