通过全局引入使用百度地图,<baidu-map class="map" :center="center" :zoom="zoom" ref="map"></baidu-map>
时间: 2023-11-05 22:04:41 浏览: 129
在全局引入百度地图之后,你可以在组件中使用`<baidu-map>`来显示地图。其中,`:center`和`:zoom`属性分别用于指定地图的中心点和缩放级别。`:ref`属性用于为地图组件设置一个引用,以便在组件中访问该地图对象。
以下是一个示例:
```
<template>
<div>
<baidu-map class="map" :center="center" :zoom="zoom" ref="map"></baidu-map>
</div>
</template>
<script>
import BaiduMap from 'vue-baidu-map'
export default {
components: {
BaiduMap
},
data () {
return {
center: { lng: 116.404, lat: 39.915 },
zoom: 15
}
},
mounted () {
// 访问地图对象
console.log(this.$refs.map.map)
}
}
</script>
```