H5地理定位获取用户当前位置、城市

白昼怎懂夜的黑 提交于 2020-11-21 06:26:52

第一步:需要在百度地图开发者平台创建一个应用:http://lbsyun.baidu.com/apiconsole/key/create

配置信息

申请配置成功以后返回一个AK

第二步:引入百度地图的js脚本,地址为http://api.map.baidu.com/api?v=2.0&ak=(申请应用的AK)

第三步:通过BMap.Geolocation()和getCurrentPosition(function(){})函数进行定位操作,代码如下图

//获取当前城市
            var geolocation=new BMap.Geolocation();
            geolocation.getCurrentPosition(function(r){
                if(this.getStatus()==BMAP_STATUS_SUCCESS){
                    var lat=r.address.lat//当前经度
                    var lng=r.address.lng//当前纬度
                    var province=r.address.province //返回当前省份
                    var city=r.address.city//返回当前城市
                    console.log(city)
                    $('.cityName').text(city)
                }
            })

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!