<template>
  <div id="map"></div>
</template>

<script>
// 加载工具类
import WebGis from "openlayer-tool";
//加载css
import "openlayer-tool/dist/webGis.css";

export default {
  data() {
    return {
      view: null,
    };
  },
  methods: {
    init() {
      this.view = new WebGis({ id: "map" });
      // 初始化
      this.view.initTdt("你的天地图key", () => {
        // 设置中心点
        this.view.webgis.setCenter([121.39444245258065, 31.170587645068945]);
        // 设置缩放比例
        this.view.webgis.setZoom(16);
        let params = {
          id: 1,
          url: "geoJsonUrl",
        };
        // 加载geoJson
        this.view.webgis.loadGeoJSON(params, (source) => {
          let feature = source[0].getGeometry().getCoordinates();
          this.view.handlePolygon();
        });
      });
    },
  },
};
</script>