浏览代码

切换底图组件

shuhao 1 月之前
父节点
当前提交
b7e4ec7a1f
共有 3 个文件被更改,包括 13 次插入7 次删除
  1. 9 3
      src/components/static_map_change/Layers.js
  2. 2 2
      src/views/warningHome/index.vue
  3. 2 2
      src/views/warningHome/warningMap.js

+ 9 - 3
src/components/static_map_change/Layers.js

@@ -63,8 +63,9 @@ class StaticMapLayers {
             })
         })
     }
-    
+
     show(key,isFit = false){
+        console.log("show layer",key)
         if (isFit) {
             this.timeIndex = 0
         }
@@ -72,14 +73,14 @@ class StaticMapLayers {
         this.hideAll()
         let keyText = key+this.timeIndex
         let layer = this.layerData[keyText].layer
-        eventBus.emit("alarmList:changeMapLayer", {legendUrl:this.layerData[keyText].legend,
+        eventBus.emit("alarmList:changeMapLayer", {legendUrl:layer.layer.get("legend"),
             colors:layer.layer.get("colors"), labels:layer.layer.get("labels")});
         layer.show()
         if(isFit && layer.layer.getExtent){
             let extent = layer.layer.getExtent();
             if(extent && extent[0] != Infinity){
                 console.log("show layer",extent)
-                layer.mapInstance.fit(extent,{padding:[100,100,100,100]})
+                layer.mapInstance.fit(extent,{padding:[-100,-100,-100,-100]})
             }
         }
     }
@@ -93,6 +94,11 @@ class StaticMapLayers {
     addStaticImgLayer(map, item){
         let imgLayer = new StaticImgLayer(item.url, item, 3, map);
         imgLayer.hide()
+        if(item.legendData){
+            imgLayer.layer.set("colors", item.legendData.colors)
+            imgLayer.layer.set("labels", item.legendData.label)
+        }
+        imgLayer.layer.set("legend", item.legend)
         return imgLayer
     }
 

+ 2 - 2
src/views/warningHome/index.vue

@@ -54,10 +54,10 @@
                 <chat></chat>
 
                 <!-- 地图图例 -->
-                <div class="map-legend" v-if="legendImg && hideChatMapLayer">
+                <div class="map-legend" v-if="legendImg">
                     <img :src="legendImg" />
                 </div>
-                <div class="map-legend chat-legend" v-show="!legendImg || !hideChatMapLayer">
+                <div class="map-legend chat-legend" v-show="!legendImg">
                     <StaticMapLegend></StaticMapLegend>
                 </div>
             </div>

+ 2 - 2
src/views/warningHome/warningMap.js

@@ -21,9 +21,9 @@ class HomeMap {
   }
 
   initMap(location, target) {
-    let level = 7.2;
+    let level = 9;
     let coordinate = util.wktCastGeom(location).getFirstCoordinate();
-    this.kmap = new KMap.Map(target, level, coordinate[0], coordinate[1], null, 7, 22);
+    this.kmap = new KMap.Map(target, level, coordinate[0], coordinate[1], null, 9, 22);
     eventBus.emit('warningMap:init', this.kmap);
     this.addMapListen()
      // 添加比例尺控件