如何獲取用戶當前位置的最大精度

Question

我使用此代碼，以獲得準確的用戶的位置...

watchID=navigator.geolocation.watchPosition(handleGetCurrentPosition, handleGetCurrentPositionError, {enableHighAccuracy:true}); 

function handleGetCurrentPosition(location) 
{ 
    document.getElementById("lat").value = location.coords.latitude; 
    document.getElementById("lon").value = location.coords.longitude; 
    document.getElementById("accu").value =location.coords.accuracy; 
    document.forms["myform"].submit(); 
} 

function handleGetCurrentPositionError(){ 
    alert("Location could not be found.") 
} 

BT的結果我得到是不準確的。 我使用的代碼是否存在任何問題？

Answer 1

您是否嘗試過Google的位置API？

如果不是，這裏是鏈接： https://developers.google.com/maps/documentation/directions/

其實有很多正在進行的API是由谷歌開發，以提高定位的準確性發現

Answer 2

精度取決於能力您的Geolocation設備。 navigator.geolocation僅適用於使用該設備的API。如果該設備不支持高精度，則無法對其執行任何操作。

Answer 3

我發現這個有用的鏈接在：http://www.geoplugin.com，提供了一個非常好的位置過濾API，並且在預測用戶位置時具有非常可怕的精確度。

下面是如何被使用的例子：http://www.jquery4u.com/api-calls/geo-location-2-lines-javascript/#.T_QZrxdo3IU

Answer 4

這下面的代碼，以獲得準確的位置。我已經用HTML 5寫了這段代碼。

1. 在html文檔中創建一個地圖佔位符。

<輸出ID = 「mapToYou」>搜索您的當前位置... < /輸出>

1. 調用此JS腳本在頁面加載。

 

    window.addEventListener("load", function() { 
     if (navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(success, error); 
     } else { 
      error('not supported'); 
     } 
    },false); 

    function success(position) { 
     var mapToYou = document.querySelector('#mapToYou'); 
     alert("Gotcha!"); 
     var latlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude); 
     var myOptions = { 
        zoom: 15, 
        center: latlng, 
      mapTypeControl: false, 
      navigationControlOptions: { 
       style: google.maps.NavigationControlStyle.SMALL 
      }, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     var googleMap = new google.maps.Map(mapToYou, myOptions); 
     var marker = new google.maps.Marker({ 
      position: latlng, 
      map: googleMap, 
      title:"You are here!" 
     }); 
    } 

    function error(msg) { 
     var mapToYou = document.querySelector('#mapToYou'); 
     mapToYou.innerHTML = typeof msg == 'string' ? msg : "failed"; 
     mapToYou.className = 'fail'; 

     // console.log(arguments); 
    }