1. 程式人生 > >百度地圖web API定位不準,定位偏移問題處理

百度地圖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();
    }
}