Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 谷歌地图标记更新点击Div_Angularjs_Google Maps_Animation_Marker_Ng Map - Fatal编程技术网

Angularjs 谷歌地图标记更新点击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 {

我是谷歌地图的新手。现在我正在使用ng map和angularjs。当我点击一个div时,我发现很难在Maker上放置动画(如bounce)。有人能告诉我怎么做吗?

我写了一个例子,说明了如何通过点击div元素来设置标记的动画(参见地图下的div,其中有文本“div元素-单击我切换标记动画!”)。可以在这里找到:

设置标记动画的代码如下所示:

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。