vue-cli中使用百度地图api
1、申请AK:https://lbsyun.baidu.com/apiconsole/key
{{{width=500}}}
2、index.html中引入 javascript
<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=你的AK"></script>
3、直接在组件中使用
<div id="container"></div>
<script>
name: "App",
created() {
this.$nextTick(function(){
var map = new BMap.Map("container");
// 创建地图实例
var point = new BMap.Point(116.404, 39.915);
// 创建点坐标
map.centerAndZoom(point, 15);
})
},
</script>