二、在index.html文件中引入
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=Fh9X4hT3ygcBMZnlPbRlMG508r0OCqsk"></script>
三、在需要引入的页面
<div id="allmap" style="height:100%"></div>
methods: {
ready: function(x, y) {
var map = new BMap.Map('allmap')//显示标签
var point = new BMap.Point(x, y)
map.addControl(new BMap.MapTypeControl())
map.enableScrollWheelZoom(true)//启用滚轮放大缩小,默认禁用
map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
map.enableDoubleClickZoom(true)
var marker = new BMap.Marker(point)
map.addOverlay(marker)
map.centerAndZoom(point, 15)// 初始化地图,设置城市和地图级别。
map.centerAndZoom(point, 14)// 初始化地图,设置城市和地图级别。
},
},
mounted(){
//this.ready(x,y)
this.ready(120,30)
}
![在这里插入图在这里插入图片描述片描述](https://i-blog.csdnimg.cn/blog_migrate/1a89e630dac079c9f83e435ea23a036e.png)