【问题标题】:How to move/animate a marker smoothly along a poly-line points on google maps?如何沿着谷歌地图上的折线点平滑地移动/动画标记?
【发布时间】:2016-09-07 06:45:19
【问题描述】:

我是 android 开发的新手,目前正在开发一个应用程序,我需要显示沿路径移动的标记(折线)。我在谷歌上搜索了很多功能并得到了各种答案,但现在我选择了来自this的答案 哪个更适合要求的问题。但是解决方案的问题是标记移动得非常快。请向我建议任何会减慢移动标记或类似动画速度的更正或其他解决方案。

谢谢

【问题讨论】:

    标签: android google-maps google-maps-markers


    【解决方案1】:

    从相关 SO 帖子中的 answer 中,您需要更新标记超过折线的每 1/10 部分(至少每几个像素)。更频繁地调用更新方法,不要删除并重新添加标记。

    示例代码:

    var counter = 0;
    interval = window.setInterval(function() { 
      counter++;
      // just pretend you were doing a real calculation of
      // new position along the complex path
      var pos = new google.maps.LatLng(35, -110 + counter / 100);
      marker.setPosition(pos);
      if (counter >= 1000) {
        window.clearInterval(interval);   
      }
    }, 10);
    

    检查这些可能有帮助的相关 SO 线程:

    希望这会有所帮助!

    【讨论】:

    • 感谢@abielita 的帮助,但我的代码与您在答案中提到的 SO 线程中的代码相同......
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-08-12
    • 2016-02-26
    • 2015-08-05
    • 2017-07-30
    • 1970-01-01
    • 2015-05-30
    • 2014-01-02
    相关资源
    最近更新 更多