2

我想在 Vuelayer（openlayer 包的 vue 库）中显示国家/地区的边界。但它不起作用

我使用以下网站生成所有国家的 GeoJson。https://geojson-maps.ash.ms/

我遵循文档https://vuelayers.github.io/#/component/polygon-geom 我使用 for 循环获取每个坐标以获取所有国家/地区的边界，但它不起作用。

当我使用一个国家的一个坐标而不使用 for 循环时，它可以工作

<vl-layer-tile>
  <vl-source-osm></vl-source-osm>
</vl-layer-tile>

<vl-feature id="polygon">
  <vl-geom-polygon v-for="(data, index) in geoJSON" :coordinates="data.geometry.coordinates"></vl-geom-polygon>
</vl-feature>


import countrieslowJson from "../assets/GeoJSON/counties_lowRes.json";

Vue.use(VueLayers);

export default {
  components: {},
  data() {
    return {
      zoom: 3,
      center: [-98.8449,19.6869],
      rotation: 0,
      geolocPosition: undefined,
      geoJSON: countrieslowJson.features.properties
    };
  },
  props: [],
  methods: {}
};

我希望它显示国家的所有边界。但它没有显示任何东西

4

0 回答 0