通过百度地图获取位置

web why

已于 2023-03-25 16:59:44 修改

阅读量129

点赞数

文章标签： vue.js javascript 前端

于 2023-02-26 17:06:20 首次发布

本文链接：https://blog.csdn.net/weixin_52169403/article/details/129228772

版权

在vue项目中的index.html中添加如下代码（其中ak部分需要通过百度开放平台申请）：

<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=你的密钥"></script>

在需要使用的页面当中应用（放在<script>标签中）

export default{
  data(){
      return {
         position: '', //位置
        }
      },
    
mounted(){
    var geolocation = new BMapGL.Geolocation();
    var that=this;
    geolocation.getCurrentPosition(function(r){
      if(this.getStatus() == BMAP_STATUS_SUCCESS){
        const province = r.address.province //省
        const city = r.address.city  //市
        const district = r.address.district  //区
        const locations = province + ' '+ city + ' ' + district  //省  市  区
        that.position = locations
      }
    })
  },
 }