vue-baidu-map中直接使用mapStyle设置样式,点击marker时地图上会有白屏闪烁
背景:在<baidu-map>中直接定义mapStyle,在添加marker后,点击marker时会出现白屏闪烁<baidu-map class="map" :center="{lng: 116.404, lat: 39.915}":mapStyle="{style:'midnight'}"...
·
背景:在<baidu-map>中直接定义mapStyle,在添加marker后,点击marker时会出现白屏闪烁
<baidu-map class="map" :center="{lng: 116.404, lat: 39.915}"
:mapStyle="{style:'midnight'}"
:zoom="15"
:scroll-wheel-zoom="true">
</baidu-map>
解决方式:
在ready中使用map.setMapStyle({style:'midnight'}); 去设置
<template>
<baidu-map class="map" :center="{lng: 116.404, lat: 39.915}" :zoom="15" @ready="ready">
<bm-marker :position="markerPoint" :dragging="true" @click="infoWindowOpen">
<bm-info-window :show="show" @close="infoWindowClose" @open="infoWindowOpen">我爱北京天安门</bm-info-window>
</bm-marker>
</baidu-map>
</template>
<script>
export default {
data () {
return {
show: false
}
},
methods: {
ready(BMap, map) {
map.setMapStyle({style:'midnight'});
},
infoWindowClose () {
this.show = false
},
infoWindowOpen () {
this.show = true
}
}
}
</script>
更多推荐
已为社区贡献6条内容
所有评论(0)