javascript - Mapbox 3D 线解决方法

Question

我有一张来自 mapbox 的 map ，它有多个标记作为坐标和一条将它们连接在一起的线，我已经尝试了 3D 功能并意识到目前线不能被挤出，但多边形可以。

所以我想知道是否有可能将我的线转换成多个不同的多边形以便能够在不同的高度拉伸(stretch)它，或者将每个标记设置为自己的高度然后创建将它们连接在一起的线/多边形？

Answer 1

您要求的内容尚未实现，但在 Mapbox GL JS 中已在 https://github.com/mapbox/mapbox-gl-js/issues/3993 中出票.

现在您需要选择将 LineString 功能转换为多边形。你可以用 turf 的缓冲函数来做到这一点 http://turfjs.org/docs#buffer .

整条线/多边形将在相同高度偏移，因此根据您的应用，您可以使用 turf 的 linkChunk http://turfjs.org/docs#lineChunk将其分解为您为其分配不同高度属性的较小特征。