vue2使用高德地图实现标记点和窗体

封装地图组件

<template>
  <!-- 标点map -->
  <div class="initMaped">
    <div id="screenMap" class="screenMap"></div>
  </div>
</template>

<script>
export default {
   
  name: "initMarkerMap",
  props: {
   
    iconList: {
   
      type: Array,
      required: true,
    },
  },
  data() {
   
    return {
   
      iconMap: require("../assets/twoBack/twoScreen/twoscreen12.png"),
      iconMaps: require("../assets/twoBack/twoScreen/twoscreen11.png"),
      leftImg: require("../assets/twoBack/twoScreen/twoscreen18.png"),
      marker: "",
      map: null,
      setData: "",
      content: [],
      stateSet: {
   
        1: "在线",
        0: "离线",
      },
      stateColor: {
   
        1: "#2cdc97",
        0: "red",
      },
    };
  },
  mounted() {
   
    let _this = this;
    this.$nextTick(() => {
   
      setTimeout(() => {
   
        _this.addMapCase();
      }, 200);
    });
  },
  methods: {
   
    //   销毁地图
    disposeMap()