Google Maps API v3:动态更新折线方向上的位置

时间:2017-04-30 08:30:03

标签: javascript google-maps reactjs google-maps-api-3 react-native

我的应用程序上的一切运行顺利。 Google会以start&amp ;;显示当前位置和方向折线。终点。

缺少的是着名的“蓝点”,它将当前位置显示为折线方向上的叠加层,如下所示:

enter image description here

我在考虑设置计时器并每分钟更新一次“蓝点”并更新位置,但我不确定这是否是实现动态位置的正确方法。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

我在JsFiddle找到了一个非常好的解决方案,但我不认识作者。

如实例中所示,我没有循环遍历随机数组,而是实际请求实际坐标。我的实现在AngularJS中创建了一个locationService,它返回一个latlng对象= {lat: <num>, lng: <num>}

setInterval(function(){
  marker1.latlng = locationService.getCurrentPosition();
  marker1.draw();
}, 5000);

我希望有帮助