问题 使用google map js api v3为路线设置动画


给定两个地理定位点(路线的起点和终点),我想要为它们之间的路线绘制动画。

你知道如果谷歌地图js v3 api可以实现吗?

谢谢


915
2017-07-17 09:12


起源

沿着路线动画标记当然是可能的: geocodezip.com/v3_animate_marker_directions.html。动画路线的第2版示例: econym.org.uk/gmap/example_cartrip2.htm - Andrew Leach
......如果你喜欢飞行而不是开车: maps.forum.nu/v3/gm_flight_path_animated.html - Marcelo
你可以试试 这个 要么 这个 尝试:marker.setAnimation(google.maps.Animation.BOUNCE); - Martin


答案:


我找到了适合你的东西。

http://www.geocodezip.com/v3_animate_marker_directions.html 访问此网站点击F12 on chrome转到“来源”选项卡,然后选择v3-animate-marker-direction.html 您将获得有关如何使用它的完整代码。我需要帮助,请发表评论

这也是一个很好的例子,但我猜它是在v2上实现的 http://www.kmcgraphics.com/google/

问候, Suyash


12
2017-09-17 09:37



谢谢,我可以有一个解决方案相同,只增加路线颜色。 - Ronak59


用这个  您可以在路线中为多个标记设置动画。 animate和startAnimation函数处理多个标记。您可以根据您的要求修改代码。希望能帮助到你。


5
2017-09-18 11:33





在这

var symbolTwo = {
  path: 'M -1,0 A 1,1 0 0 0 -3,0 1,1 0 0 0 -1,0M 1,0 A 1,1 0 0 0 3,0 1,1 0 0 0 1,0M -3,3 Q 0,5 3,3',
  strokeColor: '#00F',
  **rotation**: 45
};

-2
2017-12-19 09:55