百度地圖web API定位不準,定位偏移問題處理
百度地圖瀏覽器API 獲取GPS定位是根據呼叫瀏覽器核心獲取GPS,部分手機型號定位不準,主要是因為部分手機採用的是GOOGLE GPS座標格式、部分手機用的是原生座標格式
這兩種格式百度地圖無法判斷,預設是按照原生座標格式,進行轉換成百度地圖的座標格式,而後在進行展示。廢話不多說了,貼程式碼。
解決問題:
根據程式碼navigator.geolocation.getCurrentPosition獲取瀏覽器座標地址,然後再判斷座標格式、再通過格式進行轉換。
var type3 = [550, 30];//設定 google gps格式轉換
var transTypesParam = "";
function getLocation(){
var options = {
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 0
};
if (navigator.geolocation){ //用瀏覽器獲取座標地址
navigator.geolocation.getCurrentPosition(showPosition,showError,options);
}else{
alert("瀏覽器不支援地理定位。");
}
}
//獲取瀏覽器GPS成功
function showPosition(position){
var x = position.coords.longitude; //經度
var y = position.coords.latitude;//緯度
transTypesParam = getTransType(position.coords.accuracy);//該方法很重要,用來判斷手機定位格式,方法在下方
if($("#testInfo") != null && $("#testInfo").length >0) {
$("#testInfo").html("accuracy : " + position.coords.accuracy + "x : " + x + " y : " + y);
}
var ggPoint = new BMap.Point(x,y);
showMap(ggPoint, true);//顯示地圖座標
}
//獲取失敗,失敗後用百度地圖自帶的方法,但是定位會不準
function showError(error){
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
showMap(r.point, false);
}
else {
alert('定位失敗:'+this.getStatus());
}
},{enableHighAccuracy: true})
if($("#testInfo") != null && $("#testInfo").length >0) {
switch(error.code)
{
case error.PERMISSION_DENIED:
$("#testInfo").html(error.code + "User denied the request for Geolocation.");
break;
case error.POSITION_UNAVAILABLE:
$("#testInfo").html(error.code + "Location information is unavailable.");
break;
case error.TIMEOUT:
$("#testInfo").html(error.code + "The request to get user location timed out.");
break;
case error.UNKNOWN_ERROR:
$("#testInfo").html(error.code + "An unknown error occurred.");
break;
}
}
}
function getTransType(accuracy) {
if(window.localStorage){
var transType = localStorage.getItem("xdlcfwapp_transType");
if(transType != null && transType != "") {
return transType;
}
}
for(var i=0; i<type3.length ; i++) {
if(type3[i] == accuracy) {
localStorage.setItem("xdlcfwapp_transType", 3);
return 3;
}
}
localStorage.setItem("xdlcfwapp_transType", 1);
return 1;
};
var bm = null;
function showMap(ggPoint,isTrans) {
// 百度地圖API功能
bm = new BMap.Map("container");
bm.centerAndZoom(ggPoint, 15);
bm.enableScrollWheelZoom(true);
if(isTrans) {
bm.addControl(new BMap.NavigationControl());
//座標轉換完之後的回撥函式
translateCallback = function (data){
if(data.status === 0) {
showPositionIcon(data.points[0]);
queryMarkers();
}
}
setTimeout(function(){
var convertor = new BMap.Convertor();
var pointArr = [];
pointArr.push(ggPoint);
convertor.translate(pointArr, transTypesParam, 5, translateCallback)
}, 1000);
} else {
showPositionIcon(ggPoint);
queryMarkers();
}
}