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⚠️工作