vue使用百度地图定位当前城市

申请百度地图浏览器端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})
            },