申请百度地图浏览器端ak
百度地图开发者平台,创建应用后,会生成免费ak。
vue项目中配置ak
在index.html中添加如下代码:
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>
修改webpack.base.conf.js
context: path.resolve(__dirname, '../'),
entry: {
app: './src/main.js'
},
externals: {
"BMap": "BMap"
},
添加externals这部分。
编写初始化函数,项目启动加载定位
import BMap from 'BMap'
ready() {
var geolocation = new BMap.Geolocation()
geolocation.getCurrentPosition((r) => {
console.log(r.address.city)
this.city = r.address.city;
}, {enableHighAccuracy: true})
},