Mapbox setFilter 方法未按预期工作

Question

我目前正在将一个用Vue2制作的应用程序移植到基于Vue3的Quasar框架。有一张用 Mapbox GL 1.6.1 制作的地图，我必须使用当前版本 3.6.5 进行移植。这让人非常头疼，因为我不仅是一个相当新的 Mapbox 用户，而且自 1.6.1 版本以来也发生了一些变化，更准确地说，我的问题是过滤器。

该应用程序涉及发电厂检查。检测到的异常情况会绘制在地图上，并可以根据某些标准进行显示，例如它们的优先级（低、中或高）。构建图层时，geojson 是使用来自后端的数据动态创建的，因此除了“类型”和“几何”之外，还设置了“属性”，其中包含可用于过滤地图上显示内容的数据。

正如您所期望的，图层本身按几何类型过滤源，当显示在控制台上时，我在两个 Mapbox 版本之间检测到了第一个差异。在 1.6.1 上该层有：

filter: Array(3)
  0: "=="
  1: "$type"
  2: "Polygon"
  length: 3
  ...
paint: { ... }
source: "source-name"
type: "fill"

而在 3.6.5 上有：

filter: Proxy
  [[Handler]]: Object
  [[Target]]: Array(3)
    0: "=="
    1: "$type"
    2: "Polygon"
    ...

在旧版本中有一个数组，在新版本中有一个对象，这是不一样的。我想这本身应该不是问题，因为是 Mapbox 处理数据格式，但是当我尝试向地图添加过滤器时，麻烦就来了。该应用程序的两个版本都是这样做的：

const layer = layer-name
const filter = ['==', 'severity', 3]

this.map.setFilter(layer, filter)  // old app, options api syntax
map.value.setFilter(layer, filter) // new app, composition api syntax

麻烦来了。在旧应用程序中，执行该方法后，图层的过滤器属性不会更改，正如预期的那样，它会从源中过滤多边形要素，并且仅重新调整属性“严重性”== 3 的多边形要素。但是，当将图层的内容记录在新应用程序出了问题：

filter: Proxy
  [[Handler]]: Object
  [[Target]]: Array(3)
    0: "=="
    1: "severity"
    2: "3"
    ...

显然它隐藏了所有多边形。换句话说，在 Mapbox 1.6.1 版本中，map.setFilter 方法会过滤数据源中“properties”属性的内容，但在 3.6.5 中，它会更改图层的“filter”属性。我查看了mapbox文档并在 https://docs.mapbox.com/mapbox-gl-js/example/filter-features-within-map-view/ ：

map.on('movestart', () => {
  // reset features filter as the map starts moving
  map.setFilter('airport', ['has', 'abbrev']);
});

并尝试了类似的操作：

map.value.setFilter(layer-name, ['==', ['get', 'severity'], 3)

但它不起作用。也查看过论坛，但没有发现与我类似的问题。我确信有些东西我不明白，有人可以告诉我应该如何进行过滤吗？谢谢。