JavaScript 獲取用戶地理位置：Geolocation API 完整指南

標準 API

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(
        pos => {
            const {latitude, longitude, accuracy} = pos.coords;
            console.log(`緯度: ${latitude}, 經度: ${longitude}, 精度: ${accuracy}m`);
            // 發送給後端
            fetch('/api/location', {
                method: 'POST',
                headers: {'Content-Type': 'application/json'},
                body: JSON.stringify({lat: latitude, lng: longitude})
            });
        },
        err => console.error('定位失敗:', err.message),
        {enableHighAccuracy: true, timeout: 10000, maximumAge: 0}
    );
} else {
    alert('瀏覽器不支援地理定位');
}

關鍵選項

HTTPS 強制要求

Chrome 50+ / Firefox 55+ **僅在 HTTPS (或 localhost) 允許調用**，HTTP 會直接拒絕並觸發 `PERMISSION_DENIED`。

備選：IP 定位 (無需用戶授權)

fetch('https://ipapi.co/json/')
    .then(r => r.json())
    .then(d => console.log(`城市: ${d.city}, 經緯度: ${d.latitude}, ${d.longitude}`));

精度較低 (城市級)，適合無授權場景。

隱私合規

• 明確告知用途、獲取同意 (GDPR/個資法)。
• 最小化收集，傳輸加密，存儲加密，定期刪除。