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

时间:2012-07-17 09:12:07

标签: javascript google-maps animation google-maps-api-3

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

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

由于

3 个答案:

答案 0 :(得分:13)

我找到了适合你的东西。

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

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

此致 Suyash

答案 1 :(得分:5)

使用此Example,您可以为路线中的多个标记制作动画。 animate和startAnimation函数处理多个标记。您可以根据您的要求修改代码。希望它有所帮助。

答案 2 :(得分:-2)

在此example中:

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
};