在地图 Mapbox JS 上显示用户位置

Posted

技术标签:

【中文标题】在地图 Mapbox JS 上显示用户位置【英文标题】:Display user location on the map MapboxJS 【发布时间】:2021-10-02 03:21:09 【问题描述】:

似乎无法使用 Mapbox-gl-js Show the user's location on the map。文档中有一些示例讨论了如何使用 Mapbox ios/android 进行此操作,但没有使用 MapboxGl JS。

我的尝试: 我目前可以添加一个使用按钮执行此功能的地理定位控件:

map.addControl(
    new mapboxgl.GeolocateControl(
        positionOptions: enableHighAccuracy: true,
        trackUserLocation: true,
        showUserHeading: true,
    )
);

但是,这不是用户的实时跟踪,如上面链接的示例所示。

有人能帮忙吗?

【问题讨论】:

【参考方案1】:

您做得对 - GeolocateControl 将在地图上以蓝色脉冲点的形式跟踪用户。如果它没有为您执行此操作,则说明出现问题 - 也许您没有授予权限,或者您没有在浏览器可以获取用户位置的上下文中运行。例如,您需要在 https 而不是 http 上提供页面。

【讨论】:

以上是关于在地图 Mapbox JS 上显示用户位置的主要内容,如果未能解决你的问题,请参考以下文章

Mapbox GL JS 轴承

Mapbox:用户速度和距离

样式未完成加载:Mapbox GL JS

用mapbox插件在flutter地图上添加自定义标记。

访问 MKMapView 的地图瓦片

如何使用 Mapbox 通过弹出框获取当前位置