百度地圖H5手機端自動定位並更換圖標的解決方案

百度地圖jsAPI自帶功能即可實現自動定位的功能,PC端定位不是很精確,手機移動端的自動定位誤差不大。
在這裏插入圖片描述

自動定位狀態提示;
```javascript
        geolocationControl.addEventListener("locationSuccess", function (e) {
            var address = '';
            address += e.addressComponent.province;
            address += e.addressComponent.city;
            address += e.addressComponent.district;
            address += e.addressComponent.street;
            address += e.addressComponent.streetNumber;
            console.log("當前定位地址爲:" + address);
        });

        geolocationControl.addEventListener("locationError", function (e) {
            console.log(e.message);
        });

        map.addControl(geolocationControl);

/自動獲取當前定位的經緯度 - Begin/
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function ® {
if (this.getStatus() == BMAP_STATUS_SUCCESS) {
var localPoint = r.point;
console.log(localPoint);
} else {
alert(‘failed’ + this.getStatus());
}
});
/自動獲取當前定位 - End/


```javascript
        /*添加定位控件*/
        var geolocationControl = new BMap.GeolocationControl({
            anchor: BMAP_ANCHOR_BOTTOM_LEFT,//控件的停靠位置
            offset:new BMap.Size(10,40),//偏移距離
            //showAddressBar:false,
            locationIcon:new BMap.Icon("images/icon.png", new BMap.Size(23, 24))//定位中心點的Icon樣式
        });

Done!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章