反弹标记，缩放后不反弹

Question

我在谷歌地图上遇到的这个问题，我做了一个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);
    };
});