谷歌地图InfoBox在缩放时正在改变位置

时间:2016-04-06 14:15:40

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

这是人们常见的问题吗? 这里的问题截图位于右侧:http://s23.postimg.org/qqglxorkr/Screen_Shot_2016_04_06_at_16_11_31.png

此处放大但infoBox未定位。 http://s27.postimg.org/f1i9ouryr/Screen_Shot_2016_04_06_at_16_11_08.png

无论房子上面有什么,有人知道如何排除这个信息框吗?

我有一些共同点,你可以看到这个问题: How do i access all my google maps markers

下面的代码显示了它的设置方式:

for (i = 0; i < locations.length; i++) {
        var myLatLng = {lat: locations[i][0].lat, lng: locations[i][0].lng};

    marker = new google.maps.Marker({
        position: myLatLng,
        icon: icon1,
        map: map
    });

    setInfoWindow(marker);
    setMarker(marker);
    setMarkerSize(marker);
}

function setInfoWindow(marker) {
    var infobox = new InfoBox({
        content: contentString,
        disableAutoPan: false,
        maxWidth: 170,
        pixelOffset: new google.maps.Size(-110, -50),
        zIndex: null,
        alignBottom: true,
        boxStyle: {
            background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') no-repeat",
            opacity: 1,
            width: "200px"
        },
        closeBoxMargin: "12px 4px 2px 2px",
        closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif",
        infoBoxClearance: new google.maps.Size(1, 1)
    });

   map.addListener('zoom_changed', function() {
        if (map.getZoom() === 18) {
            infobox.pixelOffset = new google.maps.Size(-110, -190);
            console.log(infobox.pixelOffset)
        }
    });
}

它正在记录新值,但它没有改变它的位置。

1 个答案:

答案 0 :(得分:2)

关于沮丧的时间,我们理解。我们都去过那里,它与草皮一起。

请改为尝试:

infobox.setOptions({pixelOffset: new google.maps.Size(-110, -190)});

直接设置属性时,Google地图对象通常不会更新其外观。