Mapbox/Leaflet 地图旋转

Question

该应用程序使用带有 leaflet Js 的 mapbox。找到位置事件有一个回调，我们设置了一个带有用户位置的标记。

我希望地图能根据用户所在位置旋转，就像指南针一样。

有什么方法可以做到这一点？

Answer 1

就此而言，Leaflet 不支持地图旋转（目前）或透视。参见 bug #268。

我在 rotate code branch 中为此做了一些工作，但这仍然是实验性的，很容易出错。我不认为它会进入 Leaflet 核心，因为 WebGL 是一种比 CSS 转换（其中rotate 分支是关于什么的）。

Answer 2

MapBox 有一个“轴承”选项。这里https://jsfiddle.net/rwnfbu7c/1/就是一个例子

var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    // camera options properties - https://docs.mapbox.com/help/glossary/camera/
    center: [34, 28],
    bearing: -65, // bearing in degrees
    zoom: 2
});

Mapbox/Leaflet 地图旋转

Mapbox/Leaflet map rotation

leaflet

mapbox