大屏设计增加地图图层设置

components/AiDvRender.vue

@@ -50,7 +50,8 @@
       </AiRanking>
       <AiDvMap v-else-if="data.type === 'AiDvMap'" style="width: 100%; height: 100%" :ref="'chart' + index" :key="`AiDvMap${index}`" :theme="theme"></AiDvMap>
       <ai-map v-else-if="data.type=='map'" :mask="data.mask === '1'" :areaId="data.areaId" :is3d="data.is3d==1" :is3dAround="data.is3dAround === '1'"
-              :map-style="`amap://styles/${data.mapStyle}`" :pulseLines="data.pulseLines==1" :map.sync="map" :lib.sync="lib" :onlyShowArea="data.limitArea==1"/>
+              :map-style="`amap://styles/${data.mapStyle}`" :pulseLines="data.pulseLines==1" :map.sync="map" :lib.sync="lib"
+              :onlyShowArea="data.limitArea==1" :satellite="data.layers=='satellite'"/>
       <ai-monitor :src="data.src" v-else-if="data.type === 'monitor'" :type="data.monitorType"/>
       <video style="width: 100%; height: 100%; object-fit: fill;" loop :src="data.src" autoplay v-else-if="data.type === 'video'"/>
       <AiDvPartyOrg style="width: 100%; height: 100%;" v-else-if="data.type === 'partyOrg'" :instance="instance"/>

packages/bigscreen/designer/components/form/componentConfig.vue

@@ -132,6 +132,15 @@
               </el-select>
             </div>
           </div>
+          <div class="layout-config__item">
+            <label>地图图层</label>
+            <div class="layout-config__item--right">
+              <el-select size="mini" v-model="config.layers" placeholder="请选择" clearable>
+                <el-option label="地图" value="vector"/>
+                <el-option label="卫星" value="satellite"/>
+              </el-select>
+            </div>
+          </div>
           <div class="layout-config__item">
             <label>选择地区</label>
             <div class="layout-config__item--right">
@@ -139,7 +148,7 @@
             </div>
           </div>
           <div class="layout-config__item">
-            <label>限制显示地区</label>
+            <label>限制地区</label>
             <div class="layout-config__item--right">
               <ai-select v-model="config.limitArea" :selectList="dict.getDict('yesOrNo')"/>
             </div>
@@ -203,7 +212,7 @@ export default {
     dict: Object,
   },
 
-  data () {
+  data() {
     return {
       borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6'],//边框待选项
       summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5',
@@ -219,7 +228,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .componentConfig {
+.componentConfig {
   .table-config {
     & > div {
       display: flex;
@@ -228,8 +237,7 @@ export default {
       width: 232px;
 
       :deep( .el-select ) {
-          width: 80px
-          input {
+        width: 80px input {
           width: 80px;
         }
       }
@@ -247,5 +255,5 @@ export default {
       }
     }
   }
-  }
+}
 </style>

packages/bigscreen/designer/config.js

@@ -610,6 +610,7 @@ const components = [
             thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/map.png',
             is3dAround: '0',
             limitArea: '0',
+            layers:'vector'
           },
           {
             type: 'AiDvMap',

ui/packages/tools/AiMap.vue

@@ -22,7 +22,8 @@ export default {
     mask: Boolean,
     searchBus: {default: "2"},
     pulseLines: Boolean,
-    onlyShowArea: Boolean
+    onlyShowArea: Boolean,
+    satellite: Boolean
   },
   computed: {
     viewMode() {
@@ -33,7 +34,7 @@ export default {
     return {
       amap: null,
       mapLib: null,
-      loca: null
+      loca: null,
     }
   },
   watch: {
@@ -44,7 +45,7 @@ export default {
     }
   },
   methods: {
-    initMap() {
+    initMap(c = 0) {
       let {plugins, viewMode, mapStyle} = this
       AMapLoader.load({
         key: '54a02a43d9828a8f9cd4f26fe281e74e',
@@ -67,12 +68,16 @@ export default {
           this.amap.on('complete', () => {
             this.amap.setFitView();//视口自适应
           })
-
+          /*增加卫星图层*/
+          if (this.satellite) {
+            this.amap.add([new AMap.TileLayer.RoadNet({zIndex: 11}), new AMap.TileLayer.Satellite({zIndex: 10})])
+          }
+          /* end */
           this.$emit('update:map', this.amap)
           this.$emit("loaded")
           this.mapLoaded()
         }
-      }).catch(this.initMap)
+      }).catch(() => c < 10 ? this.initMap(++c) : new Error("地图加载有问题"))
     },
     getMapArea() {
       const {mapLib: AMap} = this