html5中获取地理位置信息

        HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图等接口来获取用户准确的地理位置信息。

        定位功能（Geolocation）是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位，如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是 不可用的，所以我们在访问该应用时会提示是否允许地理定位，我们当然选择允许即可，电脑端操作也是如此。

        这些位置信息是从何而来的呢？ip地址，GPS全球定位，wifi无线网络，基站，所以如果通过ip去定位的话，可能这个位置信息就不是那么准确，因为可能获取的位置信息是ip提供商的位置。所以，现在移动端手机一般获取到的位置信息都是基于GPS全球定位系统，也就是卫星定位，这个准确度很高。大家地理应该都学过，我们获取某处的位置一般是根据经度（南北极的连接线）和纬度（东西连接的线）的交叉线来获取的。

       接下来我们一起来了解获取地理位置信息的API，这个对象是:

navigator.geolocation

这个对象底下有单次定位请求的方法和多次定位请求的方法。我们先看一下单次定位请求的方法：

getCurrentPosition(请求成功,请求失败,数据手机方式)

这个方法里面有三个参数，其中第一个请求参数是请求成功的回调函数，这个成功的回调函数里面可以获得很多的位置属性，如下：

»经度:  coords.longitude

»纬度:  coords.latitude

»海拔:  coords.altitude

»海拔准确度:  coords.altitudeAcuracy

»行进方向:  coords.heading

»地面速度:  coords.speed

»时间戳: new Date(position.timestamp)

第二个请求参数是请求失败的回调参数，请求失败有很多因素，回调参数里有个code属性就分别表示失败的原因：

»失败编号  ：code

»0  :  不包括其他错误编号中的错误

»1  :  用户拒绝浏览器获取位置信息

»2  :  尝试获取用户信息，但失败了

»3  :   设置了timeout值，获取位置超时了

第三个参数表示的是数据的一个收集，这是JSON格式的，分别有以下形式：

»enableHighAcuracy :  更精确的查找，默认false

»timeout  :  获取位置允许最长时间，默认infinity

»maximumAge : 位置可以缓存的最大时间，默认0

具体的举个例子如下:

接下来我们再看一下多次定位请求的方法:

 watchPosition(像setInterval)

»移动设备有用，位置改变才会触发

»配置参数：frequency 更新的频率

关闭更新请求  :

 clearWatch(像clearInterval)

我们直接来看一个例子:

最后，我们来看一下连接百度地图接口，做一个百度地图应用: