feat(): 图标

pages/zhjs/subnvue/index.nvue

@@ -9,8 +9,11 @@
     		top: '-' + statusBarHeight + 'px'
     	}" id="map" ref="map" :latitude="latitude" :longitude="longitude" :markers="marker"
             :show-location="true" scale="16.5" :enable-satellite="enableSatellite" theme="satellite" @markertap="markertap">
-
-                <cover-image src="/static/tabs/dingwei.png" class="location" @click="onControlTap"></cover-image>
+                <image src="/static/tabs/dingwei.png" class="location" @click="onControlTap"></image>
+                <view class="tc-style">
+                <image src="/static/tabs/dingwei.png" style="width: 45rpx;height: 45rpx;" @click="onControlTap"></image>
+                 <view style="font-size: 10rpx;">图层</view>
+                </view>
         </map>
          
     </view>
@@ -26,19 +29,12 @@
                   {
                     latitude: 31.4954,
                     longitude: 114.7693,
-                    iconPath: '/static/tabs/add.png',
-                    width: "25",
-                    height: "25",
+                    iconPath: '/static/tabs/shenliu1.png',
+                    width: "20",
+                    height: "20",
                     id:1,
+                    title:"渗流监测"
                 },
-                {
-                    latitude: 31.4951,
-                    longitude: 114.767,
-                    iconPath: '/static/tabs/add.png',
-                    width: "25",
-                    height: "25",
-                    id:2,
-                }
                 ],
                 dingwei: '../../static/tabs/dingwei.png',
                 map:null,
@@ -73,18 +69,18 @@
               if(item.id === e.detail.markerId){
                 item.height=55;
                 item.width=55;
-                item.label={
-                  content:"测试",
-                  color:"#57a7f0",
-                  bgColor:"transparent"
-                }
+                // item.label={
+                //   content:"测试",
+                //   color:"#57a7f0",
+                //   bgColor:"transparent"
+                // }
               }else{
                 item.height=25;
                 item.width=25;
-               item.label={
-                 content:" ",
-                 bgColor:"transparent"
-               }
+               // item.label={
+               //   content:" ",
+               //   bgColor:"transparent"
+               // }
               }
             }));
             console.log("newMarker",newMarker);
@@ -104,9 +100,21 @@
     position: absolute;
     width: 35px;
     height:35px;
-    bottom: 130px;
+    bottom: 50px;
     left:10px;
     background-color: #fff;
     padding: 5px;
    }
+   .tc-style{
+     display: flex;
+     align-items: center;
+     position: absolute;
+     font-size: 12px;
+    padding: 5px;
+     top: 200px;
+     right:10px;
+     background-color: #fff;
+    
+     // padding: 5px;
+   }
 </style>