安装 npm install vue-baidu-map --save
引入 import BaiduMap from 'vue-baidu-map'
全局注册
Vue.use(BaiduMap,{
ak:' '
})
ak为百度地图密钥
<baidu-map class="baidumap" :center="{lng:jing,lat:wei}" :zoom="15" >
<bm-marker :position="{lng:jing,lat:wei}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
<bm-label :content = gsname :labelStyle="{color: 'red', fontSize : '16px'}" :offset="{width: -95, height: 30}"/>
</bm-marker
</baidu-map>
data () {
return {
styleJson:[
{
"featureType":'all',
"elementType":"geometry",
"stylers":{
"hue":"#007fff",
"saturation":89
}
},
{
"featureType":'water',
"elementType":"all",
"stylers":{
"color":"#ffffff"
}
}
]
};
},