Quellcode durchsuchen

替换地图影像图层为天地图影像

wangcc vor 2 Jahren
Ursprung
Commit
049e5d74c5
1 geänderte Dateien mit 19 neuen und 6 gelöschten Zeilen
  1. 19 6
      src/components/amap.vue

+ 19 - 6
src/components/amap.vue

@@ -111,10 +111,10 @@ export default {
           zoom: _this.zoom, //初始化地图级别
           center: _this.lngLat, //初始化地图中心点位置
           pitch: 30,
-          layers: [
-            new AMap.TileLayer.Satellite(),
-            new AMap.TileLayer.RoadNet()
-          ],
+          // layers: [
+          //   new AMap.TileLayer.Satellite(),
+          //   new AMap.TileLayer.RoadNet()
+          // ],
           features: ['road', 'bg', 'building'] //地图要素
         });
         AMapUI.load(
@@ -123,6 +123,21 @@ export default {
             _this.loadMapData(DistrictExplorer, $);
           }
         );
+        var wms = new AMap.TileLayer.WMTS({
+          url: 'http://t4.tianditu.gov.cn/img_w/wmts',
+          blend: false,
+          tileSize: 256,
+          params: {
+            Layer: 'img',
+            Version: '1.0.0',
+            Format: 'tiles',
+            // TileMatrixSet: 'EPSG:3857',
+            TileMatrixSet: 'w',
+            STYLE: 'default',
+            tk: '064688075f565aa463866b915c378e00'
+          }
+        });
+        wms.setMap(_this.map);
 
         // this.$nextTick(() => {
         //   // this.getDistrict()
@@ -477,7 +492,6 @@ export default {
         this.map.add(polygon);
       });
       forestSample().then((res) => {
-        console.log(res.rows);
         let sampleMarker = require('@/assets/img/sample-marker.png');
         let iconMeta = [28, 28];
         let sampleIcon = new AMap.Icon({
@@ -610,7 +624,6 @@ export default {
     },
     getEven() {
       alarmDataApi().then((res) => {
-        console.log(res.data);
         res.data.forEach((item) => {
           let lanLatArr = [item.longitude, item.latitude];
           let fireIcon = require('@/assets/img/fire.png');