Mapbox在addLayer中使用JavaScript函數

Question

我已經用Mapbox創建了一個集群地圖，我想在地圖中自定義集群號。 在這個例子中，我在"text-field":有"{data}" "text-field":我正在嘗試舍入這個數字。 例如：24124.324123123。

// Cluster counter  
  map.addLayer({
    id: "cluster-count",
    type: "symbol",
    source: "sites",
    filter: ["has", "point_count"],
    layout: {
      "text-field": "{data}",
      "text-size": 12,
    },
    paint: {
      "text-color": "red",
    }
 });

我嘗試了不同的解決方案，如： "text-field": parseFloat("{data}").toFixed(2),但它不起作用。

我如何使用一些JavaScript函數來成本化圖層的輸出？

Answer 1

我如何使用一些JavaScript函數來成本化圖層的輸出？

對這個問題的簡短回答是你不能。 圖層是靜態定義的，並且不可能按照您描述的方式執行其中的任何功能。

但是 ，Mapbox的樣式表達式允許您實現此目的。 我強烈建議您查看文檔，看看有什么可能： https ： //docs.mapbox.com/mapbox-gl-js/style-spec/#expressions

本教程特別應該幫助您熟悉它們： https ： //docs.mapbox.com/help/tutorials/mapbox-gl-js-expressions/

---

⚠️免責聲明：我目前在Mapbox⚠️工作