Javascript 谷歌地图标记被复制

我遇到了一个问题。我有一个使用谷歌地图的简单应用程序。我注意到，如果我使用两个监视器，并且在一个监视器上打开浏览器并将其拖动到另一个监视器，则在添加动画后，标记会被复制。其他人遇到过这个问题，或者知道如何解决它吗？这个问题是我的代码，还是谷歌地图的bug

这不是什么大问题，但足以让我恼火

我创建了一个

jsfiddle

来重新创建我的环境。在一个监视器上打开

jsfiddle

，并将其拖动到另一个监视器上，然后单击“反弹”按钮。如果打开开发人员工具并选择其他设备，也会出现此问题

HTML:

---

有点奇怪，但这似乎与您的bounceMarker（）函数有关。我已将其简化为：

function bounceMarker() {

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

};

---

问题消失了-

谢谢您的帮助，但实际上，如果在单击“反弹”按钮之前更改监视器，我仍然会收到两个标记。您是对的，对此表示抱歉。我一直找不到任何解决办法。看起来有点奇怪的渲染错误。我似乎无法重现它，但删除了

marker.setMap（map）这是多余的。@谢谢你的评论，我正在扩展其他人的JSFIDLE。尝试正常打开JSFIDEL，然后打开开发人员工具，更改设备，然后单击“反弹”按钮。如果我这样做，我会看到两个标记，一个反弹，一个固定。
var marker;
var map;
function initialize() {
    var myLatLng = new google.maps.LatLng(45.4375, 12.3358),
        myOptions = {
            zoom: 5,
            center: myLatLng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
    map = new google.maps.Map(document.getElementById('map-canvas'), myOptions),
      marker = new google.maps.Marker({
      position: myLatLng,
      map: map
    });
    document.getElementById("button").addEventListener("click", bounceMarker);
};

function bounceMarker() {
        if(marker.getAnimation() == null){
      marker.setAnimation(google.maps.Animation.BOUNCE);
      setTimeout(function(){
        marker.setAnimation(null);
      }, 700);
    }
};

initialize();

function bounceMarker() {

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

};