lcw

src/components/GdMap/index.vue

@@ -46,15 +46,11 @@ const mMap = ref(null); //地图对象
 const mapUtil = ref(null); //地图工具对象
 const zoomTarget = ref(6);
 
-// 定义组件发出的事件
-const emit = defineEmits(['mapLoaded'])
-
 const props = defineProps({
   mapid: {
     type: String,
     default: "mapDiv"
   },
-
   //是否显示可以切换地图底图
   isShow: {
     type: Boolean,
@@ -110,17 +106,48 @@ onMounted(() => {
     }
   });
 
+  // window.map = map;
+  // map.mapboxGLMap.on("load", () => {
+  //    map.addGaudLayer({
+  //     url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
+  //   })
+  //   zoomTarget.value = map.mapboxGLMap.getZoom();
+  //   // 地图加载完成后发出事件
+  //   emit('mapLoaded')
+  // });
+  // mapUtil.value = new MapUtil(map);
+  map = new EliMap({
+    id: props.mapid,
+    crs: "EPSG:4490",
+    style: {
+      glyphs: "./fonts/{fontstack}/{range}.pbf",
+      center: [94.36057012, 29.64276831],
+      zoom: 15
+    },
+    minZoom: 7,
+    maxZoom: 18,
+  });
   window.map = map;
   map.mapboxGLMap.on("load", () => {
-     map.addGaudLayer({
-      url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
-    })
+    map.addWMTSLayer(
+      "/PGIS_S_TileMapServer/Maps/XZDJ_SL/EzMap"
+      ,
+      {
+        Service: "getImage",
+        Type: "RGB",
+        ZoomOffset: "0",
+        V: "0.3",
+        Zoom: "{z}",
+        Row: "{y}",
+        Col: "{x}"
+      },
+      {
+        tileSize: 300
+      }
+    );
     zoomTarget.value = map.mapboxGLMap.getZoom();
-    // 地图加载完成后发出事件
-    emit('mapLoaded')
   });
   mapUtil.value = new MapUtil(map);
-
   mapUtil.value.Drawplot(); //初始化加载绘制工具
 
   // 设置地图中心点及图层