硬件协议对接

jiangping

2023-11-02 8e75bb4e451d6d3f33e2146335bad0f85d27d99f

 bicycle/pages/maps/maps.vue

@@ -10,21 +10,21 @@
         @markertap="markertap"
         @callouttap="toNavigation">
         <cover-view slot="callout">
            <block v-for="(item,index) in markers" :key="index">
            <cover-view v-for="(item,index) in markers" :key="index">
               <cover-view class="customCallout" :marker-id="item.id">
                  <image src="@/static/icon/ic_dingwei@2x.png" mode="widthFix"></image>
                  <text class="mm">{{rice}}米</text>
                  <view class="h"></view>
                  <text class="dh">导航</text>
                  <cover-image class="image" src="@/static/icon/ic_dingwei@2x.png" mode="widthFix"></cover-image>
                  <cover-view class="mm">{{rice * 1000}}米</cover-view>
                  <cover-view class="h"></cover-view>
                  <cover-view class="dh">导航</cover-view>
               </cover-view>
            </block>
            </cover-view>
         </cover-view>
      </map>
      <u-popup :show="show" :overlay="false" :round="10" mode="bottom" @close="show = false">
         <view class="ditu_box">
            <view class="ditu_box_a">
               <text>{{info.title}}</text>
               <text>距离{{rice}}m</text>
               <text>距离{{rice * 1000}}m</text>
            </view>
            <view class="ditu_box_b">
               {{info.addr}}
@@ -170,7 +170,7 @@
                     res.data.forEach((item, index) => {
                        this.markers.push({
                           id: index,
                           width: 30,
                           width: 40,
                           height: 40,
                           distance: this.latitude && this.longitude ? distance(this.latitude, this.longitude, item.latitude, item.longitude) : '未知距离',
                           latitude: item.latitude,
@@ -178,8 +178,6 @@
                           title: item.name,
                           iconPath: '/static/icon/ic_bike@2x.png',
                           addr: item.addr,
                           clusterId: 1,
                           joinCluster: true,
                           customCallout: {
                              anchorY: 0,
                              anchorX: 0,
@@ -196,11 +194,15 @@
               if (item.id === e.markerId) {
                  this.rice = item.distance
                  item.customCallout.display = 'ALWAYS'
                  item.width = 50
                  item.height = 50
                  setTimeout(() => {
                     this.info = item
                     this.show = true
                  }, 300)
               } else {
                  item.width = 40
                  item.height = 40
                  item.customCallout.display = 'BYCLICK'
               }
            })
@@ -240,9 +242,11 @@
            background: #FFFFFF;
            border-radius: 50rpx;
            box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0,0,0,0.1);
            image {
            .image {
               width: 28rpx;
               height: 28rpx;
               background-repeat: no-repeat;
               background-size: 100% 100%;
            }
            .mm {
               font-size: 28rpx;