1

我是谷歌地图的新手。现在我正在使用 ng-map 和 angularjs。当我单击 div 时，我发现很难在制造商上放置动画（如反弹）。谁能告诉我我该怎么做？

4

1 回答 1

2

我已经编写了一个示例，说明如何通过单击 Div 元素为标记设置动画（请参阅地图下的 div，其中包含文本“Div 元素 - 单击我以切换标记动画！”）。在这里能找到它：

http://plnkr.co/edit/KATXex?p=preview

动画标记的代码如下：

if (marker.getAnimation() !== null) {
  marker.setAnimation(null);
} else {
  marker.setAnimation(google.maps.Animation.BOUNCE);
}

请注意，要使其正常工作，我必须在“on”事件中将标记的动画属性设置为空，例如

$scope.$on('mapInitialized', function(evt, evtMap) {
 map = evtMap;

 var mapMarker =  map.markers[0];
 mapMarker.setAnimation(null);
 marker = mapMarker;
});

默认情况下它是未定义的，这意味着如果没有这一步，您通常必须单击标记两次，一次将动画设置为空，第二次将动画设置为 BOUNCE。“未定义”的问题可能是 ng-maps 库的问题。

于 2015-09-06T00:24:02.597 回答