【问题标题】:How to highlight a user's current location in google maps? (Like the new google.com/maps PWA)如何在谷歌地图中突出显示用户的当前位置? (就像新的 google.com/maps PWA)
【发布时间】:2020-03-05 18:59:09
【问题描述】:

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

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

Other related issues 引用这个库作为答案,但它的工作方式几乎不如 PWA。

【问题讨论】:

    标签: javascript google-maps progressive-web-apps


    【解决方案1】:

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

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

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

    【讨论】:

    • watchPosition 很酷,谢谢,但指南针图标现在不起作用。我尝试了一些变体。
    • 当你必须实现 watchPosition。不需要 getMyLocation(指南针)按钮。因为 watchPosition 会不断获取和更新你的位置。
    • getMyLocation 在 watchPosition 间隔较长或由于某种原因卡住时可能会派上用场。
    猜你喜欢
    • 2012-08-23
    • 2020-02-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-17
    相关资源
    最近更新 更多