HTML5實現定位的源代碼
HTML5提供了Geolocation API,可以訪問瀏覽器定位服務,獲取用戶所在的地理位置。
以下是一個簡單的示例代碼:
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 + "
Longitude: " + position.coords.longitude; }
上述代碼主要包含兩個函數:
- getLocation():獲取用戶位置信息
- showPosition(position):將用戶位置信息展示在頁面上
代碼實現了以下功能:
- 檢測瀏覽器是否支持Geolocation API
- 獲取用戶位置信息
- 在頁面上展示用戶位置信息