谷歌地图标记：拖动时抬起，放下时动画？

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
});