单击标记时如何使信息中心居中?

时间:2013-04-23 10:27:22

标签: javascript jquery google-maps google-maps-api-3

即时通讯使用googlemaps api V3中的infobubble。

我的标记上有一个事件,每次点击它都会出现泡泡。

之前我使用过infobox和infowindow,当我点击标记时,他们总是将自己定位在地图的中心,如果我对它们的了解都是正确的,那么这是由pixelOffset属性完成的。

然而,Infobubble并没有给我同样的效果,我明白了:

enter image description here

我的代码:

  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);

        }
     });

澄清: 我不想把气泡放在地图上以便显示整个信息,我不想被迫在地图上拖动以查看整个气泡。

如果需要更多信息,我会尽力提供。

1 个答案:

答案 0 :(得分:1)

仅将disableAutoPan设为False