繁体   English   中英

Mapbox GL JS - “平面”标记

[英]Mapbox GL JS - "Flat" Marker

对于我目前正在做的一个项目,我想使用 mapbox-gl-js 在树莓派上实现车载导航(使用离线地图数据和 OSRM 进行路由)。 我想使用箭头标记显示路线上的当前位置 - 就像在谷歌地图中一样(我知道,这可以使用 Mapbox 标记轻松完成,但是......)。

是否可以以任何方式添加始终与地图在同一平面上的“平面”标记,即使视图倾斜/倾斜(即标记图像在倾斜时变得压扁和椭圆形,从上方查看时变为圆形)? GMaps 中的这种行为可以在这里看到:地图标记- 白色圆圈是椭圆形的,与从上面看时相比,箭头更短。

在 SO 和互联网上搜索没有提供任何有意义的答案(可能除了this ,但该示例的链接已失效)。 我知道这很可能使用自定义 GL 层来实现,但这对于手头的问题来说似乎相当复杂......

我还注意到“图像”类型的 GEOJson 源显示有这样的效果,因此作为最后的手段,我可​​能可以从当前位置计算所需的四个边缘坐标。 虽然我很乐意使用更简单的方法。

使用具有布局属性"icon-pitch-alignment": "map"的符号图层。

一个例子https://jsbin.com/hoziqeb/edit?html,output

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM