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() 函數獲得並顯示經度和緯度

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

• 檢測是否支持地理定位
• 如果支持，則運行 getCurrentPosition() 方法。如果不支持，則向用戶顯示一段消息。
• 如果getCurrentPosition()運行成功，則向參數showPosition中規定的函數返回一個coordinates對象
• showPosition() 函數獲得並顯示經度和緯度

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