你的位置:首页 > 网页设计

[网页设计]获取地理位置信息

在HTML5中,为window.navigator对象新增了一个geolocation属性,可以使用Geolocation API来对该属性进行访问。window.navigator对象的geolocation属性存在以下三个方法。

void getCurrentPosition(onSuccess,onError,options);

该方法用来获取用户当前的地理位置信息。

navigator.geolocation.getCurrentPosition (

function(position) {},//当用户地理位置获取成功调用    参数一

function(error) {}, //当用户地理位置获取失败调用        参数二

{} //可选属性    参数三

);

参数一这个函数有一个参数position是一个对象,该对象具有以下这些属性:

latitude 当前地理位置的纬度

longitude 当前地理位置的经度

altitude 当前地理位置的海拔

accuracy 获取到的纬度或经度的精度(以米为单位)

altitudeAccuracy 海拔的精度

heading 设备的前进方向 用面朝正北方向的顺时针旋转角度来表示

speed 设备的前进速度(米每秒为单位)

timestamp 获取地理位置时的时间

获取定位信息的方式有很多种,精度最高的要数GPS技术了,除此之外还可以通过基站和WiFi热点等方式来获取位置。

对于大多数开发者,很多时候只需要调用用户的当前位置,此时可以使用上面提到的getCurrentPosition(),如果需要监视位置变化,用watchPosition().