时间戳

首页 > 解决方案 > 如何在谷歌地图中突出显示用户的当前位置？（就像新的 google.com/maps PWA）

javascript - 如何在谷歌地图中突出显示用户的当前位置？（就像新的 google.com/maps PWA）

问题描述

这个库存在https://chadkillingsworth.github.io/geolocation-marker/它是一个官方的贡献库列出了https://googlemaps.github.io/libraries但它不是由谷歌维护的，我怀疑这是他们的正在使用新的 Google 地图 PWA http://google.com/maps，它完美地模拟了 Android 应用程序的功能。

当您使用地图 javascript API 开车/步行/移动时，如何获得沿地图平滑移动的蓝色圆圈的功能。

其他相关问题参考这个库作为答案，但它的工作方式几乎没有 PWA 好。

标签： javascriptgoogle-mapsprogressive-web-apps

解决方案

要获得移动的蓝色标记，我们必须每秒获取位置信息并更新标记 LatLng。浏览器地理定位 API 提供了一个观察者，这使得这个任务变得简单。

您可以在此处查看一个工作示例。 https://jsfiddle.net/mi3afzal/3671m4nq/2/

navigator.geolocation.watchPosition(geoSuccess, geoError, {
    maximumAge: 0,
    timeout: 30000,
    enableHighAccuracy: true
});

推荐阅读