H5調用百度地圖API獲取地址

參考連接http://www.cnblogs.com/reader/p/6587108.html

首先須要申請百度地圖開放平臺AK密鑰

先註冊百度賬號而後進入百度地圖開放平臺API控制檯

http://lbsyun.baidu.com/apiconsole/key

如圖

 

建立應用，我這裏建立了一個服務端應用（具體該申請什麼類型能夠看下區別），由於測試用，IP沒作限制，上線應該用公司賬號申請並作IP限制

提交後會獲得一個AK

而後用js調用就能夠了，貼代碼

電腦端定位誤差較大，微信裏很準確

<script src="http://api.map.baidu.com/api?v=2.0&ak=填入申請的AK"></script>
<script type="text/javascript">
    //獲取當前位置
    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r){
        if(this.getStatus() == BMAP_STATUS_SUCCESS){
            mk = new BMap.Marker(r.point);
            getAddress(r.point);
        }else {
            alert('failed'+this.getStatus());
        }
    });
    //獲取地址信息，設置地址label
    function getAddress(point){
        var gc = new BMap.Geocoder();
        gc.getLocation(point, function(rs){
            var addComp = rs.addressComponents;
            var address =  addComp.province +  addComp.city + addComp.district + addComp.street + addComp.streetNumber;//獲取地址
            console.log(address);
        });

    }
</script>