Angularjs 谷歌地图标记更新点击Div
我是谷歌地图的新手。现在我正在使用ng map和angularjs。当我点击一个div时,我发现很难在Maker上放置动画(如bounce)。有人能告诉我怎么做吗?我写了一个例子,说明了如何通过点击div元素来设置标记的动画(参见地图下的div,其中有文本“div元素-单击我切换标记动画!”)。可以在这里找到: 设置标记动画的代码如下所示:Angularjs 谷歌地图标记更新点击Div,angularjs,google-maps,animation,marker,ng-map,Angularjs,Google Maps,Animation,Marker,Ng Map,我是谷歌地图的新手。现在我正在使用ng map和angularjs。当我点击一个div时,我发现很难在Maker上放置动画(如bounce)。有人能告诉我怎么做吗?我写了一个例子,说明了如何通过点击div元素来设置标记的动画(参见地图下的div,其中有文本“div元素-单击我切换标记动画!”)。可以在这里找到: 设置标记动画的代码如下所示: if (marker.getAnimation() !== null) { marker.setAnimation(null); } else {
if (marker.getAnimation() !== null) {
marker.setAnimation(null);
} else {
marker.setAnimation(google.maps.Animation.BOUNCE);
}
请注意,为了使其正常工作,我必须在“on”事件中将标记的动画属性设置为null,例如
$scope.$on('mapInitialized', function(evt, evtMap) {
map = evtMap;
var mapMarker = map.markers[0];
mapMarker.setAnimation(null);
marker = mapMarker;
});
默认情况下,它是未定义的,这意味着如果没有此步骤,您通常必须单击标记两次,一次将动画设置为null,第二次将动画设置为反弹。“undefined”的问题可能是ng maps库的问题。谢谢,但我算出来了,但仍然感谢您提供的示例,它可能对其他人有帮助。您修复了您的问题,James。