点位显示

zhanghua

2023-01-30 83e2b9cffa9920bbefcc70baf42cd03543cc2d39

点位显示

 public/map_lib/images/layers-2x.png

 public/map_lib/images/layers.png

 public/map_lib/images/marker-icon-2x.png

 public/map_lib/images/marker-icon.png

 public/map_lib/images/marker-shadow.png

 src/components/dispatch/index.vue

@@ -116,7 +116,8 @@
  </div>
</template>
<script>
import MyMap from "@/components/map";
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";
export default {
  components: {
    MyMap,

 src/components/map/leafletMap.vue

@@ -3,13 +3,14 @@
</template>

<script>

export default {
  name: "map",
  components: {},
  data() {
    return {
      map: null,
      map_point: { x: "119.27179890", y: "28.59027084" },
      map_zoom: 15,
      mapUrl:
        "http://117.139.13.157:41005/tilermap/rest/services/mapserver/baidu-image-db/{z}/{x}/{y}",
      // mapUrls: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
@@ -18,8 +19,6 @@
        crs: L.CRS.Baidu,
        minZoom: 2,
        maxZoom: 19,
        center: [28.59582231,119.27226470],
        zoom: 16,
        zoomControl: true, // 禁用 + - 按钮
        doubleClickZoom: true, // 禁用双击放大
        attributionControl: false, // 移除右下角leaflet标识
@@ -45,25 +44,49 @@
  mounted() {
    setTimeout(() => {
      this.createrMap();
    }, 500);
    }, 100);
  },
  methods: {
    /* 创建地图实例 */
    createrMap() {
      this.option.center = [eval(this.map_point.y), eval(this.map_point.x)];
      this.option.zoom = this.map_zoom;
      this.map = this.$map.createrMap("map-container", this.option);
      // this.$map.createrLayers(this.map, this.mapUrls) //切片地图
      // this.$map.createrChinatm(this.map, this.mapUrl); // 图层
      this.map.pm.setLang("zh");
      this.map.pm.addControls(this.options);
      this.locationMap();
    },
    locationMap() {
      if (this.mark && this.map) {
        // 创建一个 Marker 实例：
        var marker = L.marker([eval(this.map_point.y), eval(this.map_point.x)]).addTo(
          this.map
        );
        let that = this
        // 将创建的点标记添加到已有的地图实例：
        marker.on("click", function (e) {
          console.log("666");
          that.$emit("fatherMethod");
        });
      }
    },
  },
  watch: {
    point(newval, oldval) {
      this.map_point = newval;
      this.locationMap();
    },
    zoom(newval, oldval) {
      this.map_zoom = newval;
    },
  },
  props: ["point", "zoom", "mark"],
};
</script>
<style >
.map-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

 src/router/index.js

@@ -419,11 +419,6 @@
  component: () => import('@/views/info/Success'),
},
{
  path: '/map',
  name: 'map',
  component: () => import('@/components/map/leafletMap.vue')
},
{
  path: '*',
  redirect: '/404'
}

 src/views/intelligentPatrol/studyJudge/index.vue

@@ -242,7 +242,8 @@
import { validateCarNum } from "@/utils/validate";
import MyDispatch from "@/components/dispatch";
import InspectionTable from "@/views/intelligentPatrol/studyJudge/inspectionTable/index.vue";
import MyMap from "@/components/map";
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";

export default {
  components: { MyDispatch, MyMap, InspectionTable },
@@ -399,7 +400,7 @@
            x: this.currentEvent.longitude,
            y: this.currentEvent.latitude,
          };
          this.zoom = 19;
          this.zoom = 18;
          this.mark = { title: this.currentEvent.address };
          if (this.currentEvent?.picData) {
            this.imageList = this.currentEvent.picData

 src/views/intelligentPatrol/trendAnalysis/index.vue

@@ -72,7 +72,8 @@
import * as echarts from "echarts";
import basecase from "@/api/operate/basecase";
import { CATEGOTY } from "@/utils/helper";
import MyMap from "@/components/map";
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";

export default {
  components: { MyMap },
@@ -164,7 +165,7 @@
        x: data.longitude,
        y: data.latitude,
      };
      this.zoom = 19;
      this.zoom = 18;
      this.mark = { title: data.address };
      basecase
        .getPointTrendAnalysisData({

 src/views/operate/car/lawCar/index.vue

@@ -35,7 +35,8 @@
    </div>
</template>
<script>
import MyMap from '@/components/map'
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";
export default {
    components:{
        MyMap

 src/views/operate/car/soilCar/index.vue

@@ -35,7 +35,8 @@
    </div>
</template>
<script>
import MyMap from '@/components/map'
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";
export default {
    components: {
        MyMap

 src/views/operate/disposal/casepool/escalation/createUser/ill/index.vue

@@ -114,7 +114,8 @@
    </div>
</template>
<script>
import MyMap from '@/components/map'
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";
export default {
    components: {
        MyMap

 src/views/operate/disposal/casepool/escalation/createUser/vio/index.vue

@@ -126,7 +126,8 @@
    </div>
</template>
<script>
import MyMap from '@/components/map'
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";
export default {
    components: {
        MyMap

 src/views/operate/disposal/casepool/pool/createUser/ill/index.vue

@@ -133,7 +133,8 @@
    </div>
</template>
<script>
import MyMap from '@/components/map'
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";
import {parseTime} from '@/utils/index'
import { validateName, validatePhone, validateCardId, validateNum } from '@/utils/validate'
export default {

 src/views/operate/disposal/casepool/pool/createUser/vio/index.vue

@@ -138,7 +138,8 @@
    </div>
</template>
<script>
import MyMap from '@/components/map'
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";
import { validateName, validatePhone, validateCarNum, validateCardId } from '@/utils/validate'
import { getTypeList } from '@/utils/helper'
import { parseTime } from "@/utils/index"