按钮样式调整，增加放大缩小按钮功能

public/static/config/config.js

@@ -1,6 +1,6 @@
 
 var webConfig = {
-    systemName: "青浦区开店一件事",
+    systemName: "开店一件事",
     AUTH_USER_TOKEN_KEY: "SKY_OAUTH_USER_TOKEN",
     LOGIN_FAIL_CODE: [206, 207, 208, 212], // loginFailCodes
     sysCode: "05d2134e-4c5e-48ae-8efc-9aceb6506f61", // client_id

src/components/Map.vue

@@ -62,7 +62,6 @@ export default {
     },
     mapTriggerEvent(eventName, param) {
       let that = this;
-      console.log(33333333);
       
       if (!this.mapLoaded) {
         setTimeout(() => {
@@ -269,6 +268,15 @@ export default {
         })
       );
     },
+    mapZoom(param) {
+      let position =viewer.camera.positionCartographic;
+      if(param.type == 'max'){
+        viewer.camera.moveForward(position.height * 0.5)
+      }else{
+        viewer.camera.moveBackward(position.height * 0.5)
+      }
+
+    },
     changeBaseMap(param) {
       // // TDT
       // switch (param.type) {

src/views/HomeView.vue

@@ -73,6 +73,21 @@
       </div>
     </div>
 
+    <div v-if="!isMobile" style="position: absolute;
+    right: 20px;
+    bottom: 170px;
+    background: #ffffff;
+    border-radius: 5px;">
+      <div style="padding: 10px;
+    padding-bottom: 5px;
+    cursor: pointer;"
+    @click="mapZoom('max')"><Plus style="width: 1em; height: 1em;" /></div>
+      <div style="padding: 10px;
+    padding-top: 5px;
+    cursor: pointer;"
+    @click="mapZoom('min')"><Minus style="width: 1em; height: 1em;" /></div>
+    </div>
+
     <KDYJS ref="kdyjs" :message="parentMessage"></KDYJS>
 
     <div class="tips">试运行阶段服务范围：夏阳街道</div>
@@ -235,6 +250,9 @@ export default {
     window.removeEventListener('message', this.handleMessage);
   },
   methods: {
+    mapZoom(type){
+         mapTriggerEvent("mapZoom", { type: type });
+    },
     handleMessage(event) {
       // // 确保消息来自预期的源
       // // 如果需要更严格的安全性，请验证event.origin
@@ -246,7 +264,7 @@ export default {
       if (data != null) {
         if (data.knowledge_ids.length != 0) {
           let pointArr = JSON.parse(data.knowledge_ids)["推荐清单"];
-          console.log(pointArr);
+          // console.log(pointArr);
           this.addRecommendPoint(pointArr);
           // latitude
           // longitude
@@ -396,8 +414,8 @@ export default {
             }
           },
           billboard: {
-            width: 48,
-            height: 48,
+            width: 52,
+            height: 61,
             image: "./static/image/tjdw.png",
             scale: 1,
             horizontalOrigin: SkyScenery.HorizontalOrigin.CENTER,
@@ -440,8 +458,8 @@ export default {
                   properties: pointInfo.properties
                 },
                 billboard: {
-                  width: 48,
-                  height: 48,
+                  width: 52,
+                  height: 61,
                   image: "./static/image/point-dp.png",
                   scale: 1,
                   horizontalOrigin: SkyScenery.HorizontalOrigin.CENTER,
@@ -483,8 +501,8 @@ export default {
                   properties: pointInfo.properties
                 },
                 billboard: {
-                  width: 48,
-                  height: 48,
+                  width: 52,
+                  height: 61,
                   image: "./static/image/kzdp.png",
                   scale: 1,
                   horizontalOrigin: SkyScenery.HorizontalOrigin.CENTER,
@@ -651,9 +669,6 @@ export default {
     // 加载wms服务
     addWMSLayer(judge, params) {
       if (judge) {
-        debugger
-        console.log(1111);
-        
         let layer = viewer.imageryLayers.addImageryProvider(
           new SkyScenery.WebMapServiceImageryProvider({
             url: this.layerRoot,
@@ -905,7 +920,9 @@ export default {
   .layerContorl {
     position: absolute;
     right: 20px;
-    bottom: 160px;
+    // bottom: 160px;
+    top:280px;
+
 
     .ckzb-btn {
       width: 70px;
@@ -1023,7 +1040,8 @@ export default {
   .heatmapContorl {
     position: absolute;
     right: 20px;
-    bottom: 220px;
+    // bottom: 220px;
+    top: 230px;
 
     .ckzb-btn {
       width: 70px;
@@ -1071,7 +1089,7 @@ export default {
     .heatmapPanel {
       position: absolute;
       right: 110px;
-      bottom: 0;
+      bottom: -50px;
       // background: #01346f99;
       background: #1656b4;
       border-radius: 5px;
@@ -1079,7 +1097,7 @@ export default {
       height: fit-content;
       overflow: hidden;
       overflow-y: auto;
-      height: 280px;
+      height: 240px;
 
       ul {
         margin: 0 0;
@@ -1138,10 +1156,11 @@ export default {
 
   .heatmapLegend {
     position: absolute;
-    left: 400px;
-    bottom: 50px;
-    width: 50px;
-    height: 200px;
+    right: 20px;
+    bottom: 260px;
+    border-radius: 5px;
+    width: 20px;
+    height: 100px;
     background: url(~@/assets/images/heatmapLegend.png) no-repeat center center/100% 100%;
   }
 
@@ -1312,7 +1331,7 @@ export default {
 
   .zxq-btn {
     position: absolute;
-    top: 230px;
+    top: 330px;
     right: 20px;
     width: 80px;
     height: 80px;

src/views/KDYJS.vue

@@ -765,7 +765,6 @@ export default {
     },
 
     handleDrawerClose(){
-      console.log('[ eeee ] >')
       let that = this;
       that.resultPanelShow = false
       that.resultPanelShow_mb = false;
@@ -1119,7 +1118,7 @@ export default {
               padding: 10px 0px;
 
               .name {
-                font-size: 18px;
+                font-size: 14px;
                 width: 100%;
                 overflow: hidden;
                 text-overflow: ellipsis;