HTML5 地理定位-猿码集

1. HTML5 地理定位简介

HTML5地理定位是Web开发者采用的一种技术，通过获取用户当前位置属性，能够向用户提供更多的个性化服务。HTML5地理定位遵循W3C Geolocation API Specification 规范，可以通过JavaScript调用提供给开发者地理位置信息。下面将详细介绍HTML5地理定位的用法和实现方式。

2. HTML5 地理定位用法

2.1 获取位置信息

通过使用HTML5地理定位，可以直接获取用户的位置信息以及准确的经度和纬度。位置信息可以通过navigator.geolocation对象的getCurrentPosition()和watchPosition()方法获取。

navigator.geolocation.getCurrentPosition(successCallback,errorCallback,options)

getCurrentPosition()方法接收三个参数，其中successCallback用于在位置信息获取成功时调用的回调函数，errorCallback用于在发生错误时调用的回调函数，options用于设置返回的位置信息的精度、缓存过期时间、最长等待时间以及是否强制重新获取位置信息等参数。

以下是一段获取用户位置信息的示例代码：


var options = {  
    enableHighAccuracy: true,
    timeout: 5000,  
    maximumAge: 30000  
};
function successCallback(position) {  
    var latitude = position.coords.latitude;  
    var longitude = position.coords.longitude;  
}
function errorCallback(error){  
    switch(error.code){  
        case error.TIMEOUT:  
            alert("获取用户位置信息超时");  
            break;  
        case error.PERMISSION_DENIED:  
            alert("用户拒绝提供位置信息");  
            break;  
        case error.POSITION_UNAVAILABLE:  
            alert("无法获取用户位置信息");  
            break;  
    }
}
navigator.geolocation.getCurrentPosition(successCallback,errorCallback,options);

2.2 地图显示当前位置

通过使用HTML5地理定位和地图API，可以将用户当前位置显示在地图上。这需要借助于一些第三方地图API，如Google Maps和百度地图等。以下是使用百度地图API在页面上显示用户位置的示例代码：


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML5地理定位示例</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
</head>
<body>
<div id="map" style="width:100%;height:500px;"></div>
<script type="text/javascript">
    var map = new BMap.Map("map");
    function successCallback(position) {  
        var latitude = position.coords.latitude;  
        var longitude = position.coords.longitude;
        var point = new BMap.Point(longitude, latitude);
        map.centerAndZoom(point, 12); //以用户所在位置为中心，缩放级别为12
        var marker = new BMap.Marker(point); //创建标注
        map.addOverlay(marker); //将标注添加到地图中
    }
    function errorCallback(error){  
        //处理错误
    }
    navigator.geolocation.getCurrentPosition(successCallback,errorCallback,options);
</script>
</body>
</html>

3. HTML5 地理定位实现方式

3.1 GPS定位

GPS定位是通过使用卫星接收器获取地球表面上某个点的经度和纬度，以及地面高度、速度等信息的技术。GPS定位能够达到较高的精度，在户外定位精度可达10米以内。

3.2 基站定位

基站定位，也称为移动定位，使用移动通信网络中的基站定位用户所在位置。这种方式可实现全天候、全球范围内的定位，但由于基站之间信号覆盖面积不均，定位精度不如GPS定位。

3.3 Wi-Fi定位

Wi-Fi定位是通过扫描周围的无线热点来确定用户的位置，并使用与这些热点位置相关的数据库来确定用户的位置。Wi-Fi定位的优点是可以在室内进行定位，但精度受附近热点的密度和数据库精确度的影响。

3.4 IP定位

IP定位是根据用户所使用的网络接入点IP地址来确定用户的位置。但由于大多数互联网服务提供商只对某个特定区域内的地址进行管理，因此IP定位的精度有限，一般只能精确到市级或区级范围。

4. HTML5 地理定位应用场景

4.1 餐饮服务

餐饮服务可以基于用户所在位置提供餐厅的推荐和优惠信息。例如，当用户在某市区内时，一个餐饮应用可以向用户推荐附近的美食店。

4.2 交通出行

交通出行应用可以根据用户的位置提供实时交通信息、路况状况、导航服务和租车服务等。

4.3 社交网络

社交网络应用可以根据用户的位置信息提供相应的社交服务，例如，用户可通过检索当前位置附近的好友来发现新朋友、了解当地的活动等。

4.4 电子商务

电子商务应用可以根据用户的位置信息提供个性化的商品服务，例如，当用户在某商圈内时，应用可以向用户推荐附近的优惠商品。

5. HTML5 地理定位争议

HTML5地理定位技术在实际应用过程中也存在一些问题。首先，用户的位置信息泄漏问题。用户的位置信息可能会被不法分子利用，例如，使用者的移动设备被盗时，攻击者可通过获取GPS信息进行跟踪。其次，地理位置信息的准确性和精度问题，不同的定位方式精度不同，而且对于海拔高度等高精度信息的获取，定位精度更是有限。最后，由于某些原因，例如网络状况、设备状态、授权等问题，地理位置获取不一定始终可靠，在实际应用中需要特别注意。

6. 总结

HTML5 地理定位作为新一代Web应用的重要组成部分，在当今移动互联网环境下，有着广泛的应用前景和潜力。但在具体应用过程中需要根据实际情况权衡利弊，充分考虑用户隐私和信息安全，避免因为未经用户许可获取信息而引发不必要的纠纷。

HTML5 地理定位