收藏
回答

map组件callout气泡文字显示不正常?

map组件动态渲染callout,在微信模拟器上显示没问题,但是在真机上调试气泡上文字内容偶尔显示偶尔不显示,偶尔部分显示。华为meta20,微信版本8.0.16

页面使用代码:

<map

        id="map"

        :setting="setting"

        :longitude="longitude"

        :latitude="latitude"

        :scale="scale"

        :markers="markersData"

        :polyline="polyline"

        :show-location="true"

        @regionchange="regionchange"

        @markertap="markertap"

        @callouttap="gohoteldetail"

        v-if="showMap"

      >

        <cover-view slot="callout" class="callout"> 

            <cover-view v-for='item in markersData' :key="item.id">

              <cover-view :marker-id='item.id' class="calloutBox" v-if="scale<=14" >

                  <cover-view class="calloutArea">{{item.geograhicalNames}}</cover-view>

                  <cover-view class="calloutCount">{{item.collateralNumber}}个</cover-view>

                  <cover-view class="pointer" v-if="item.riskNumber>0"></cover-view>

              </cover-view>

              <cover-view :marker-id='item.id' class="calloutBox1" v-if="scale>14">

                  <cover-view class="calloutArea">

                    <cover-view class="font">{{item.callout.content}}</cover-view>

                    <cover-view class="pointer" v-if="item.riskNumber>0"></cover-view>

                  </cover-view>

                  <cover-view class="calloutCount"></cover-view>

              </cover-view>

            </cover-view>

        </cover-view>

</map>

模拟器效果:

真机效果:

回答关注问题邀请回答
收藏

3 个回答

  • 工藤新一
    工藤新一
    03-05

    有人解决吗

    03-05
    有用
    回复
  • Tsui
    Tsui
    2022-06-13

    我也遇到了,楼主咋解决的?

    (页面加载完数据后,动态赋值,然后渲染的时候偶尔会出不来数据)

    2022-06-13
    有用
    回复 1
    • 长不大🙉
      长不大🙉
      2022-09-05
      +1,我也遇到了,你们咋解决的
      2022-09-05
      回复
  • Riven.
    Riven.
    2021-12-17

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2021-12-17
    有用
    回复
登录 后发表内容