小编the*_*sup的帖子

Mapbox GL JS:如何在地图边缘定位经纬网标签?

我正在 Mapbox Studio 中制作地图,以便在带有 Mapbox GL JS 的网络应用程序上使用。我正在寻找一些关于如何像经典印刷地图一样在地图边缘显示坐标的建议:

在此处输入图片说明

我目前正在使用这些标签放置在贯穿地图的线上(使用预设样式和经纬网数据集图层),但我希望将它们固定到边缘(跨底部 X 轴的纬度和向下的经度)对)。

在此处输入图片说明

这是我正在尝试构建的地图的设计模型,并且我已经构建了除地图边界坐标之外的所有元素:

在此处输入图片说明

我对与来自 JS 等的 Mapbox 样式(数据驱动样式、访问图层、功能、DOM 元素等)进行交互非常有信心,但我不确定如何解决这个问题。

理想情况下,每 15 度都会有一个标记,这可能会随着用户缩放而放大/缩小。任何建议将不胜感激。谢谢!

javascript dom labels coordinates mapbox

5
推荐指数
0
解决办法
384
查看次数

标签 统计

coordinates ×1

dom ×1

javascript ×1

labels ×1

mapbox ×1