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