z***@yitiangroup.com.cn
z***@yitiangroup.com.cn
  • 发布:2022-12-28 16:24
  • 更新:2022-12-29 11:36
  • 阅读:352

【报Bug】百度地图 map组件与原生cover-image标签,cover-view标签 频发性 不展示标签

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows7

HBuilderX类型: 正式

HBuilderX版本号: 3.6.14

手机系统: 全部

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

华为荣耀A5,iphone15promax

示例代码:
复制代码
            <map show-location class="map" id="map" :latitude="lat" :longitude="lng"  
                layer-style="ea07af5c37081ef2595c4c847f30c530"  
                :style="{height:((!fold && state==0) &&screm)?'calc(100vh - 510rpx)':((!fold || !screm) && !uploadPhoto)?'calc(100vh - 590rpx)':uploadPhoto?'calc(100vh - 650rpx)':'calc(100vh - 1106rpx)'}"  
                :markers="markerList" :show-location="true" :polyline="polyline" :scale="zoom" @markertap="markertap">  
                <cover-image class="img-eg" :src="'/static/allImage/eg.png'" @click="egList"></cover-image>  
                <cover-image class="img-map1" :src="'/static/allImage/location.png'" @click="currentLoc">  
                </cover-image>  
                <cover-image class="img-map2" :src="'/static/allImage/cat.png'" @click="addZoom(0)"></cover-image>  
                <cover-image class="img-map3" :src="'/static/allImage/add.png'" @click="addZoom(1)"></cover-image>  
                <cover-view :class="tipShow ?'startdsc':'startdscHide'">{{dsc}}</cover-view>  
                <cover-view class="bg" v-if="xjxopen || egshow || blockEnd || notMapModal" @click="closeEG(0)">  
                </cover-view>  
                <cover-view :class="conTostShow?'speedTextShow':'speedTextHide'">  
                    {{con}}  
                </cover-view>  
                <cover-view :class="conToststartShow?'taskTextShow':'taskTextHide'">  
                    {{conlang}}  
                </cover-view>  
                <cover-image class="img-map4" :src="'/static/allImage/more.png'" @click="lookAll()"></cover-image>  

            </map>  
        </view> ```

操作步骤:

进入页面根据条件展示地图和地图上的图标

预期结果:

百度地图,每次进入 正常展示完全图标内容

实际结果:

百度地图频发性的 展示不完全图标,高德地图无这个bug

bug描述:

app-vue 页面 引入了map组件,在map组件上,cover-view,和cover-image标签,定位到map组件上,展示功能按钮,在百度地图中,频繁的出现,进入页面后,地图加载展示完全,不展示标签内容和图片。正常是图1, 经常出现异常,如图2

2022-12-28 16:24 负责人:无 分享
已邀请:
FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

放在map外面,用绝对定位

z***@yitiangroup.com.cn

z***@yitiangroup.com.cn (作者)

这个确实是个bug,bug原因这里排查,是因为地图组件比cover标签和图片加载的慢,所以偶发性的出现展示地图 不展示定位的cover-image图片,我用了延时器,控制一个属性赋值给需要在地图上的图片控制显隐v-if,延迟4秒再渲染

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容