- 发布：2022-12-28 16:24
- 更新：2022-12-29 11:36
- 阅读：352
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows7
HBuilderX类型： 正式
HBuilderX版本号： 3.6.14
手机系统： 全部
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
复制代码
<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> ```
复制代码
<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
bug描述：
app-vue 页面 引入了map组件，在map组件上，cover-view，和cover-image标签，定位到map组件上，展示功能按钮，在百度地图中，频繁的出现，进入页面后，地图加载展示完全，不展示标签内容和图片。正常是图1， 经常出现异常，如图2
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866
放在map外面，用绝对定位
