獲取用戶地理位置主要通過 html5 的 geolocation api，使用 navigator.geolocation.getcurrentposition() 方法獲取位置信息；1. 調用時需處理權限問題，若用戶拒絕授權則進入錯誤回調；2. 成功回調中可獲取經緯度、精度等數據，部分字段如海拔、方向可能不可用；3. 常見錯誤包括權限被拒、定位不可用、超時，應根據不同錯誤碼提示用戶；4. 可配置選項如啟用高精度、設置超時時間、是否使用緩存以優化定位行為；5. 移動端瀏覽器需在 https 環境下使用該 api。
直接定位獲取用戶地理位置，主要靠瀏覽器提供的 Geolocation API。這個功能在 html5 中被標準化，調用起來不復雜，但得注意權限和兼容性。
基本使用方法：navigator.geolocation.getCurrentPosition()
核心方法是 getCurrentPosition()，它會嘗試獲取用戶當前的地理位置。基本寫法如下：
if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( function(position) { console.log("緯度：" + position.coords.latitude); console.log("經度：" + position.coords.longitude); }, function(error) { console.error("獲取位置失敗：" + error.message); } ); } else { console.log("當前瀏覽器不支持Geolocation"); }
這個接口有兩個回調函數，第一個是成功拿到數據時觸發，第二個是出錯時執行。比如用戶拒絕授權、定位超時等情況都會進到錯誤回調里。
立即學習“前端免費學習筆記（深入）”；
獲取位置信息的具體內容有哪些？
調用成功后，返回的 position 對象包含兩個主要部分：coords 和 timestamp。其中 coords 是最常用的，里面有幾個關鍵字段：
- latitude：緯度
- longitude：經度
- accuracy：精度，單位米，表示經緯度的誤差范圍
- altitude（可選）：海拔高度
- heading（可選）：移動方向，0~360 度
- speed（可選）：速度，單位米/秒
這些信息中，有些設備可能不支持，比如普通手機瀏覽器可能不會提供 heading 或 speed。所以在實際開發中，建議只依賴 latitude、longitude 和 accuracy。
權限問題和常見錯誤處理
要獲取地理位置，瀏覽器會自動彈出提示框讓用戶授權。如果用戶拒絕了，或者定位失敗，可以通過錯誤回調來處理。常見的錯誤碼包括：
- PERMISSION_DENIED（用戶拒絕）
- POSITION_UNAVaiLABLE（定位服務不可用）
- TIMEOUT（超時）
你可以在錯誤回調里根據不同的錯誤碼給出不同的提示。例如：
function showError(error) { switch(error.code) { case error.PERMISSION_DENIED: alert("用戶拒絕了地理位置請求"); break; case error.POSITION_UNAVAILABLE: alert("位置信息不可用"); break; case error.TIMEOUT: alert("獲取位置超時"); break; default: alert("未知錯誤"); } }
另外，移動端瀏覽器通常需要 HTTPS 環境下才能正常調用 Geolocation API，所以部署上線的時候要注意協議問題。
可選參數：設置定位選項
getCurrentPosition() 還可以傳入第三個參數，用于配置定位行為，比如是否啟用高精度、最大等待時間等：
navigator.geolocation.getCurrentPosition(successCallback, errorCallback, { enableHighAccuracy: true, // 啟用高精度定位（如GPS） timeout: 5000, // 超時時間，單位毫秒 maximumAge: 0 // 不使用緩存位置 });
- enableHighAccuracy 設置為 true 時，瀏覽器會嘗試使用更精確的定位方式，比如 GPS，但可能會更耗電。
- timeout 控制定位等待的最大時間，避免一直卡住。
- maximumAge 表示可以接受的緩存位置的最大年齡，設為 0 表示不要用緩存。
基本上就這些，說不上難，但容易忽略細節。
