google-maps - 谷歌地图标记：拖放时提升和动画？

Question

在 v3 之前，marker 在拖动时会明显抬起，并且在鼠标释放（放下）的那一刻具有弹跳效果。现在，它没有发生。问题出在哪里？

Marker =  new google.maps.Marker({
          draggable:true,
          icon:'img/markerA.png',
          shadow:'img/shadow50.png',
          animation: google.maps.Animation.DROP
          });

Answer 1

我一直在寻找这个答案，因为我喜欢拖动标记时的动画。

事实证明，在 google.maps.Animation namspace 中有更多可用的动画。

对于您的示例，您需要在 dragstart 和 dragend 事件上设置动画，如下所示：

Marker =  new google.maps.Marker({
          draggable:true,
          icon:'img/markerA.png',
          shadow:'img/shadow50.png',
          animation: google.maps.Animation.DROP
          });

google.maps.event.addListener(Marker, "dragstart", function (event) {
   Marker.setAnimation(3); // raise
});

google.maps.event.addListener(Marker, "dragend", function (event) {
    Marker.setAnimation(4); // fall
});