Vue 中 实现H5 百度api地理定位获取定位信息

踩坑记录：

• window.navigator.geolocation.getCurrentPosition，在IOS10系统中无法定位问题 解决办法如下:
  01). 将网站的http 改成https (这个要借助服务端 前端自己无法解决) ；
  02). 通过第三方解决 也是我目前在使用的(也是这篇文章要说明的^_);
  vue 中的index.html 引入js

//  我的个人百度测试密钥 ak = gbp4dmVIjWeG3sjCETBdwaqPE0rHpQLM

//两个js 都需要引入 缺一不可

• new BMap.Geolocation() 详细代码 如下 ：
  需求 ：页面渲染地图 点击地图位置 获取具体地址详细信息

是否允许使用地址.jpeg

地图显示.jpeg

显示具体地址信息.jpeg

之前一直纠结于 用H5 的navigator.geolocation 一直没有成功 （是不是因为我本地项目的原因呢 目前不晓得……）以上的方法亲测没有问题
参考文章 转自https://blog.csdn.net/for12/article/details/52803787和https://blog.csdn.net/zyz00000000/article/details/82774543