H5地理定位獲取用戶當前位置、城市

第一步：需要在百度地圖開發者平台創建一個應用: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)
                }
            })