Question

这个问题与google地图有关，我制作了fiddle here。

marker = new google.maps.Marker({
        position: latlng, 
        map: map, 
        animation: google.maps.Animation.BOUNCE,
        title:"Hello World!"
    }),

如果我将地图拖动到我无法再看到标记的位置，并放大（通常是3或4级），在我缩小其中我能够看到我的标记之后，它就会显示出来。不再弹跳，如果我点击它，它会再次反弹。

这是一个浏览器问题，我在这里遇到什么？

Answer 1

我认为这是Google Marker动画的默认行为。由于您离开了地图范围，因此无需在幕后继续动画。

如果你真的想让标记在你看到时弹跳，你可以添加'bounds_changed'地图事件。每次缩放或拖动地图时，都应检查标记是否在可见地图区域内，如果是，请刷新反弹行为：

google.maps.event.addListener(map, 'bounds_changed', function(event) {

    if(map.getBounds().contains(marker.position)){

        marker.setAnimation(google.maps.Animation.BOUNCE);
    };
});

弹跳标记，缩放后不弹跳

1 个答案: