地理定位

Wed, 16 Oct 2024 00:00:00 +0800

HTML5 提供了地理定位（Geolocation）API，用于获取用户的当前位置。通过这一功能，网页可以访问用户的地理位置信息，进而实现如地图服务、定位推荐、基于位置的广告等功能。该 API 主要依赖设备的 GPS、Wi-Fi、IP 地址、蓝牙等信息来确定位置。

Geolocation API 的基本用法

主要通过 navigator.geolocation 对象来访问地理位置信息，提供了以下三个方法：

getCurrentPosition(success, error, options) 获取用户的当前位置，一次性返回位置信息。
watchPosition(success, error, options) 持续监听用户的位置变化，并且实时返回新的位置信息。
clearWatch(id) 取消 watchPosition 监听的位置变化。

方法的参数说明

success(position)：成功获取位置时的回调函数。position 对象包含位置信息，如经度、纬度、速度等。
error(error)：可选参数，获取位置失败时的回调函数。error 对象包含错误信息，如用户拒绝提供位置或获取超时等。
options：可选参数，包含配置选项，影响获取位置的精度、超时时间等。

使用示例

if (navigator.geolocation) {
 navigator.geolocation.getCurrentPosition(
 (position) => {
 const latitude = position.coords.latitude;
 const longitude = position.coords.longitude;
 console.log(`Latitude: ${latitude}, Longitude: ${longitude}`);
 },
 (error) => {
 console.error(`Error Code = ${error.code}: ${error.message}`);
 },
 { enableHighAccuracy: true, timeout: 5000, maximumAge: 0 }
 );
} else {
 console.log("Geolocation is not supported by this browser.");
}

获取到的 `position` 对象

position 对象包含用户的位置信息，主要属性包括：

地理定位 on Last Stand

地理定位

Geolocation API 的基本用法

方法的参数说明

使用示例

获取到的 position 对象

获取到的 `position` 对象