如何在Mapbox的MVT中仅显示Point类型Placemark的名称

问题 #

我用GDAL的ogr2ogr工具把KML转换成MVT矢量切片，命令如下：

ogr2ogr -f MVT output input.kml -dsco COMPRESS=NO -dsco MAXZOOM=15

在Mapbox加载时，线图层显示正常，但符号图层会把LineString类型Placemark的名称（比如示例里的mainlayer_0）重复显示在每个坐标点上，不符合需求——我只想显示独立Point类型Placemark的名称。

KML里LineString结构示例：

<Placemark>
   <name>mainlayer_0</name>
      <Style>
         <LineStyle><color>ffffffff</color><width>1</width></LineStyle>
      </Style>
      <OvStyle>
         <TrackStyle><type>5</type><width>79</width></TrackStyle>
      </OvStyle>
      <LineString>
         <coordinates>
            * many coordinates *
         </coordinates>
      </LineString>
</Placemark>

独立Point结构示例：

<Placemark>
   <name>First Label Name</name>
   <description>I want to show this label</description>
   <Style>
      <IconStyle>
         <Icon>
         </Icon>
         <color>ffffffff</color>
         <scale>1.0</scale>
         </IconStyle>
            <LabelStyle>
               <color>ffffffff</color>
            </LabelStyle>
   </Style>
   <Point>
      <coordinates>/* coordinate of the point */ </coordinates>
   </Point>
</Placemark>

当前Mapbox加载代码：

map.on("load", () => {
        map.addSource("map_name", {
          type: "vector",
          tiles: ["http://127.0.0.1:8080/output/{z}/{x}/{y}.pbf"],
          minzoom: 0,
          maxzoom: 15,
        });

        map.addLayer({
          id: "lineLayer",
          type: "line",
          source: "map_name",
          "source-layer": "mainlayer",
        });

        map.addLayer({
          id: "symbolLayer",
          type: "symbol",
          source: "map_name",
          "source-layer": "mainlayer",
          layout: {
            "text-field": ["get", "Name"],
            "text-anchor": "top",
          },
        });
      });

手动清空KML里LineString的名称能解决问题，但需要自动化方案，现咨询：

1. 能否让Mapbox不显示LineString类型Placemark的标签？
2. 能否让Mapbox仅显示Point类型Placemark的名称？
   同时询问KML转MVT过程中是否有优化方法可解决该问题。

解决方案 #

一、Mapbox端过滤显示（快速解决需求） #

Mapbox样式支持表达式过滤，可直接针对要素类型筛选，只渲染Point类型的标签。修改符号图层配置，添加filter属性：

map.addLayer({
  id: "symbolLayer",
  type: "symbol",
  source: "map_name",
  "source-layer": "mainlayer",
  filter: ["==", "$type", "Point"], // 仅匹配Point类型要素
  layout: {
    "text-field": ["get", "Name"],
    "text-anchor": "top",
  },
});

配置后，符号图层只会显示Point类型Placemark的名称，LineString的名称会被自动过滤，不会重复出现在坐标点上。

二、GDAL转换阶段优化（从源数据层面分离） #

如果希望从MVT切片本身就区分Point和LineString要素，可以在转换时将两类要素拆分到不同的源图层，后续Mapbox可分别加载：

1. 提取Point类型要素到单独的MVT图层：

ogr2ogr -f MVT output_points input.kml -where "OGR_GEOMETRY='Point'" -dsco COMPRESS=NO -dsco MAXZOOM=15

2. 提取LineString类型要素到另一个MVT图层：

ogr2ogr -f MVT output_lines input.kml -where "OGR_GEOMETRY='LineString'" -dsco COMPRESS=NO -dsco MAXZOOM=15

之后在Mapbox中分别加载两个数据源：

map.on("load", () => {
  // 加载线图层数据源
  map.addSource("line_source", {
    type: "vector",
    tiles: ["http://127.0.0.1:8080/output_lines/{z}/{x}/{y}.pbf"],
    minzoom: 0,
    maxzoom: 15,
  });
  // 加载点标签数据源
  map.addSource("point_source", {
    type: "vector",
    tiles: ["http://127.0.0.1:8080/output_points/{z}/{x}/{y}.pbf"],
    minzoom: 0,
    maxzoom: 15,
  });

  // 添加线图层
  map.addLayer({
    id: "lineLayer",
    type: "line",
    source: "line_source",
    "source-layer": "mainlayer",
  });

  // 添加点标签图层
  map.addLayer({
    id: "symbolLayer",
    type: "symbol",
    source: "point_source",
    "source-layer": "mainlayer",
    layout: {
      "text-field": ["get", "Name"],
      "text-anchor": "top",
    },
  });
});

这种方式从源数据层面分离了两类要素，避免了后续样式过滤的开销，逻辑也更清晰。

内容的提问来源于stack exchange，提问作者Alex