使用數據設置圓的顏色的語法

Question

我正在使用地震數據，我希望使用地震的大小為數據點着色。 現在我有根據位置着色的數據點（圓圈），但我希望使用地震大小。 我對mapbox相當新，並且對javascript的使用經驗有限。

我已經嘗試了mapbox文檔，但它非常令人困惑。 無處可去。

"circle-color": [
       "match",
       ["get", "net"],
       'ak', "#fbb03b",
       "ci", "#ff3bff",
       "hv", "#e55e5e",
        "mb", "#3bb2d0",
         /* other */ "#ccc"
      ]

'net'是2個字符的位置代碼，它確實可以正常工作。 我想拉出'mag'（幅度）數據並根據幅度范圍設置顏色。 我嘗試過類似下面的東西，但它不起作用。

"circle-color": [
       "match",
       ["get", "mag"],
       ">5", "#fbb03b",
       ">6", "#ff3bff",
       ">7", "#e55e5e",
        ">8", "#3bb2d0",
         /* other */ "#ccc"
]

Answer 1

你是在正確的軌道上，但比較表達式如“> 5”不是Mapbox-GL-JS支持的。

由於您希望將值應用於表達式的結果（“大於5”）而不是簡單的固定值（“AK”），因此請使用case表達式：

"circle-color": [
       "case",
       [">", ["get", "mag"], 5], "#fbb03b",
       [">", ["get", "mag"], 6], "#ff3bff",
       [">", ["get", "mag"], 7], "#e55e5e",
       [">", ["get", "mag"], 8], "#3bb2d0",
       "#ccc"
]