地图

zhanghua

2022-12-13 0dd273d72cf159a47006a63eb8ac85a1c9abea47

地图

 src/components/dispatch/index.vue

@@ -107,7 +107,7 @@
      </div>
    </el-form>
    <div class="map">
      <!-- <MyMap></MyMap> -->
      <MyMap></MyMap>
    </div>
    <div class="footer">
      <el-button type="primary" @click="handleDispatch">确定</el-button>

 src/components/map/index.vue

@@ -17,6 +17,7 @@
        })
            .then((AMap) => {
                this.map = new AMap.Map("container");
                this.map.setZoomAndCenter(15,['119.27179890', '28.59027084']);
            })
            .catch((e) => {
                console.log(e);

 src/views/intelligentPatrol/studyJudge/index.vue

@@ -41,6 +41,9 @@
          </div>
        </div>
        <div class="sjm-content-center">
          <div class="map">
            <MyMap></MyMap>
          </div>
          <!-- <iframe src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable"></iframe> -->
        </div>
        <div class="sjm-content-right">
@@ -185,8 +188,10 @@
import { validateCarNum } from "@/utils/validate";
import MyDispatch from "@/components/dispatch";

import MyMap from "@/components/map";

export default {
  components: { MyDispatch },
  components: { MyDispatch, MyMap },
  created() {
    this.getInspectionData();
    this.initEventParams();
@@ -221,8 +226,8 @@
  },
  mounted() {
    this.timer = setInterval(() => {
      setTimeout(this.getInspectionData, 0)
    }, 1000*10)
      setTimeout(this.getInspectionData, 0);
    }, 1000 * 10);
  },
  data() {
    const validateCarNumber = (rule, value, callback) => {
@@ -237,7 +242,7 @@
      }
    };
    return {
      timer:null,
      timer: null,
      countData: {
        study: 0,
        review: 0,
@@ -569,7 +574,7 @@
  beforeDestroy() {
    clearInterval(this.timer);
    this.timer = null;
  }
  },
};
</script>

@@ -658,4 +663,9 @@
    color: #4b9bb7;
  }
}

.map {
  height: 488px;
  min-width: 460px;
}
</style>