Question

我尝试在Mapbox GL中重现下面的捕获。为了便于阅读，添加了颜色，但是不能强制自定义颜色。关键方面是不同的线重量。

我已经在Mapbox GL here和there中了解了样式。要添加任意数量的样式图层，不能选择不同的权重。我尝试了两千个LineStrings并且表演是不可接受的。

我已经在mapbox GL中抓取了几个关于数据驱动样式的github问题there，但我无法弄清楚我需要的是路线图。

在GEOJSON的MWE之下我曾用过上面的图像。

{
  "type": "FeatureCollection",
  "features": [
    {
      "geometry": {
        "type": "LineString",
        "coordinates": [[2.3420237, 48.9437736], 
                        [2.3430249, 48.9462233],
                        [2.3428777, 48.9469687]]
      },
      "type": "Feature",
      "properties": {
        "color": "#0000FF",
        "weight": 5
      }
    },
    {
      "geometry": {
        "type": "LineString",
        "coordinates": [[2.3880359, 48.9077387],
                        [2.3885364, 48.9072262],
                        [2.3886376, 48.9071376],
                        [2.3891088, 48.9066521]]
      },
      "type": "Feature",
      "properties": {
        "color": "#FF0000",
        "weight": 15
      }
    }
  ]
}

Answer 1

有关于在GeoJSON中添加样式lineString的文档here。这是另一个示例，它在地图上演示了两个不同权重/颜色的两个lineStrings：http://bl.ocks.org/tristen/5f807d44726b401b727f3ab06c7ed864

我尝试了两千个LineStrings并且表演是不可接受的。

数千个点的更高性能数据格式是将GeoJSON转换为vector tiles。这里有一个使用Mapbox GL JS向地图添加矢量切片图层的示例：https://www.mapbox.com/mapbox-gl-js/example/vector-source/

mapbox gl geojson风格

1 个答案: