Mapbox GL JS - "Flat" 标记
Mapbox GL JS - "Flat" Marker
我目前正在做的一个项目,我想使用mapbox-gl-js在raspberry pi上实现车载导航(使用离线地图数据和OSRM进行路由)。我想使用箭头标记显示路线上的当前位置 - 就像在 Google 地图中一样(我知道,这可以使用 Mapbox 标记轻松完成,但是...)。
是否可以通过任何方式添加一个始终与地图位于同一平面上的 "flat" 标记,即使视图为 tilted/pitched(即标记图像变成压扁的椭圆形)倾斜时,从上方看时是圆形)? GMaps 中的这种行为可以在这里看到:Maps marker - 白色圆圈是椭圆形的,箭头比从上面看时更短。
在 SO 和互联网上搜索没有提供任何有意义的答案(可能 除外,但示例的 link 已失效)。我知道这很可能使用自定义 GL 层来实现,但对于手头的问题来说这似乎相当复杂......
我还注意到 "image" 类型的 GEOJson 源显示有这样的效果,所以作为最后的手段,我可能可以从当前位置计算出所需的四个边缘坐标。虽然我很乐意使用更简单的方法。
在布局中使用符号层 属性 "icon-pitch-alignment": "map"
。
我目前正在做的一个项目,我想使用mapbox-gl-js在raspberry pi上实现车载导航(使用离线地图数据和OSRM进行路由)。我想使用箭头标记显示路线上的当前位置 - 就像在 Google 地图中一样(我知道,这可以使用 Mapbox 标记轻松完成,但是...)。
是否可以通过任何方式添加一个始终与地图位于同一平面上的 "flat" 标记,即使视图为 tilted/pitched(即标记图像变成压扁的椭圆形)倾斜时,从上方看时是圆形)? GMaps 中的这种行为可以在这里看到:Maps marker - 白色圆圈是椭圆形的,箭头比从上面看时更短。
在 SO 和互联网上搜索没有提供任何有意义的答案(可能
我还注意到 "image" 类型的 GEOJson 源显示有这样的效果,所以作为最后的手段,我可能可以从当前位置计算出所需的四个边缘坐标。虽然我很乐意使用更简单的方法。
在布局中使用符号层 属性 "icon-pitch-alignment": "map"
。