首頁 > web前端 > html教學 > HTML5 地理定位

HTML5 地理定位

(*-*)浩
發布: 2019-11-14 15:15:01
原創
2723 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板