HTML5 地理定位

HTML5 地理定位

#定位使用者的位置       ( 建議學習：html教學 )

HTML5 Geolocation API 用於取得使用者的地理位置。

鑑於該特性可能侵犯使用者的隱私，除非使用者同意，否則使用者位置資訊是不可用的。

瀏覽器支援

Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支援地理定位。

註解：對於擁有 GPS 的設備，例如 iPhone，地理定位更加精確。

HTML5 - 使用地理定位

請使用 getCurrentPosition() 方法來取得使用者的位置。

下例是一個簡單的地理定位實例，可傳回使用者位置的經度和緯度。

實例

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude +
  "<br />Longitude: " + position.coords.longitude;
  }
</script>

範例解釋：

偵測是否支援地理定位

如果支持，則運行getCurrentPosition() 方法。如果不支持，則向使用者顯示一段訊息。

如果getCurrentPosition()運作成功，則向參數showPosition中規定的函數傳回coordinates物件

showPosition() 函數取得並顯示經度和緯度

上面的例子是一個非常基礎的地理定位腳本，不含錯誤處理。

以上是HTML5 地理定位的詳細內容。更多資訊請關注PHP中文網其他相關文章！