背景:在<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>

 

Logo

前往低代码交流专区

更多推荐