评论

map组件的marker的customCallout内容只能使用cover-view

map组件的customcallout只能使用cover-view

如题,意思是截止2023年11月27日,map组件作为原生组件的一员,虽然能在其中使用view并正常显示,但是并不能在自定义callout时使用view,只能使用cover-view。

当在map中使用了

<cover-view slot="callout">

进行自定义callout,如果此时使用微信开发者工具,就会提示你“用view吧,map已经支持view了”;但是,替换成view后,原本的内容就没有哩!callout不弹出,就算设置成“ALWAYS”也不行哩!

并没有测试出来为什么;同时官方文档里对于customcallout的演示也确实使用的cover-view。

另外有文章说是

marker-id

的问题,即:cover-view中支持使用marker-id,但是view中不支持使用marker-id……哇,难道这么重要的功能真的在适配的时候会不去支持的吗?!

很难受,不知道为什么,有一种“基础科学不存在了,物理学死了”的戏剧感。

最后一次编辑于  2023-11-27  
点赞 4
收藏
评论

5 个评论

  • 麦兜的幸福
    麦兜的幸福
    06-05

    cover-view 里边写了内容 在模拟器上展示是好的 ,但是在ios 真机上展示的文字展示不去 ,在安卓机上的高度 也变了,是不是cover-view的适配本身就有问题了

    06-05
    赞同 1
    回复
  • 網友小林
    網友小林
    08-06

    很难评,写过H5地图的人再来写小程序地图像坐牢一样。

    08-06
    赞同
    回复
  • 麦兜的幸福
    麦兜的幸福
    06-05
    <map :id="mapId" :scale="14"  class="map" :latitude="houseListParams.latitude" :longitude="houseListParams.longitude" :markers="covers" :show-location="true" @markertap="markerClick">
            <view class="locationControl" v-if="isShowLocationControl" @click="controltap"><image class="locationControlImg" :src="globalDataStore.imgUrl + 'locationControl.png'"></image></view>
            <!-- 自定义展示气泡 -->
            <cover-view slot="callout" style="line-height: normal;">
              <cover-view class="customCallout" :marker-id="markerIdStyle.markerId">
                <cover-view class="content">{{ markerIdStyle.markerTitle }}</cover-view>
              </cover-view>
            </cover-view>
          </map>
    
    .map{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        top: 0;
        .locationControl{
          display: inline-block;
          position: absolute;
          right: 44rpx;
          top: 855rpx;
          .locationControlImg{
            width: 60rpx;
            height: 60rpx;
            fill: #FFF;
            filter: drop-shadow(0rpx 0rpx 11.26rpx rgba(71, 145, 255, 0.07));
          }
        }
        .customCallout{
          box-sizing: border-box;
          box-shadow: 0rpx 40rpx 12rpx 0rpx rgba(148, 148, 148, 0.00), 0rpx 26rpx 10rpx 0rpx rgba(148, 148, 148, 0.01), 0rpx 14rpx 8rpx 0rpx rgba(148, 148, 148, 0.05), 0rpx 6rpx 6rpx 0rpx rgba(148, 148, 148, 0.09), 0rpx 2rpx 4rpx 0rpx rgba(148, 148, 148, 0.10);
          border-radius: 14rpx;
          background: #FFF;
          line-height: normal;
          padding: 8rpx 24rpx;
          .content{
            line-height: normal;
            color: #333;
            font-size: 26rpx;
            font-weight: 500;
          }
        }
      }
    
    06-05
    赞同
    回复
  • 晓晓
    晓晓
    01-11

    cover-view里面咋个设置一个高度文字过多就滚动条上下滚动,模拟器好的,真机就不能滚动,都变成了地图放大缩小了

    01-11
    赞同
    回复
  • 刚
    2023-12-20

    物理学不存在了!!

    2023-12-20
    赞同
    回复
登录 后发表内容