h5实现定位

H5实现定位的方法

H5可以通过浏览器提供的Geolocation API实现定位功能。该API允许网页获取用户的地理位置信息，前提是用户授权同意。

使用Geolocation API

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(
        function(position) {
            const latitude = position.coords.latitude;
            const longitude = position.coords.longitude;
            console.log('纬度:', latitude, '经度:', longitude);
        },
        function(error) {
            console.error('获取位置失败:', error.message);
        }
    );
} else {
    console.error('浏览器不支持Geolocation API');
}

定位权限说明

定位功能需要用户授权，浏览器会弹出提示框询问用户是否允许获取位置信息。用户拒绝后，后续调用将直接返回错误。

高精度定位配置

可以通过配置选项提高定位精度，但会增加响应时间：

navigator.geolocation.getCurrentPosition(
    successCallback,
    errorCallback,
    {
        enableHighAccuracy: true,
        timeout: 5000,
        maximumAge: 0
    }
);

持续定位监控

对于需要持续更新位置的场景，可以使用watchPosition方法：

const watchId = navigator.geolocation.watchPosition(
    function(position) {
        // 处理位置更新
    },
    function(error) {
        // 处理错误
    }
);

// 停止监控
navigator.geolocation.clearWatch(watchId);

兼容性处理

Geolocation API在现代浏览器中支持良好，但在某些旧版浏览器中可能需要polyfill或备用方案。建议始终检查API可用性并提供降级方案。

HTTPS要求

大多数现代浏览器要求网页使用HTTPS协议才能获取地理位置信息，在HTTP协议下可能无法正常工作。