过滤后的 GeoJson 几何图形在 Leaflet 上无法正常工作

Question

我正在使用 filter() return 只有来自我的国家的 Estate (UF)，使用 Axios：

async created() {
    await axios.get('https://raw.githubusercontent.com/fititnt/gis-dataset-brasil/master/mesorregiao/geojson/mesorregiao.json')
      .then((response) => {
          const myUf = 'GO'
          const data = response.data.features.filter(item => item.properties.UF = myUf)
          console.log(response.data.features.filter(item => item.properties.UF = myUf))
          this.geojson = data;
        }
      )
  }

工作正常，我的所有数据都记录在案了！但是我一直显示所有 GeoJson 数据，接下来需要进行一些配置吗？
所有区域都被着色，但我只希望我过滤的区域被着色。
在 LeaftLet 文档和 Vue-Leaflet 上未找到任何内容！

根据要求，这是我的代码：我的数据（），我在 vue

上调用 geojson

data() {
    return {
      zoom: 6.4,
      center: latLng(-15.7745457, -48.3575684),
      url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
      attribution:
        '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors | TRE-GO',
      geojson: null,
      fillColor: "#6a0dad",
    }
  },

这是我的 L-map 组件：

<l-map
      :zoom="zoom"
      :center="center"
      style="height: 500px; width: 100%"
    >
      <l-tile-layer
        :url="url"
        :attribution="attribution"
      />
      <l-geo-json :geojson="geojson"
                  :options-style="styleFunction"/>


    </l-map>

Answer 1

不幸的是，您的过滤函数实际上并没有过滤任何东西，因为它进行赋值（1 个等号）而不是比较（3 或 2 个等号）：

item => item.properties.UF = myUf

...应该是：

item => item.properties.UF === myUf

过滤后的 GeoJson 几何图形在 Leaflet 上无法正常工作

Filtered GeoJson geometry not working properly on Leaflet

javascript

arrays

leaflet

vue.js