1

Mapbox GL 内で以下のキャプチャを再現しようとしました。読みやすくするために色が追加されていますが、色をカスタマイズできることは必須ではありません。重要な側面は、さまざまな線の太さです。

MWE マップボックス js

Mapbox GL でのスタイリングについては、あちこちで読んだことあります。重みが異なるスタイル レイヤーをいくつでも追加することはできません。2,000 の LineString で試してみましたが、パフォーマンスは受け入れられません。

mapbox GL のデータ駆動型スタイルに関するいくつかの github の問題をクロールしましたが、必要なものがロードマップにあるかどうかわかりません。

上の画像を生成するために使用した 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
      }
    }
  ]
}
4

1 に答える 1