google-maps - 谷歌地图标记 : raise on drag and animation on drop?

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 命名空间中的要多。

对于您的示例，您需要像这样在 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
});