cordova+vue+webapp使用html5获取地理位置的方法

1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。

语法：

navigator.geolocation.getCurrentPosition(success, error, options)

参数：

 success: 成功得到位置信息时的回调函数，使用Position 对象作为唯一的参数。
error: 获取位置信息失败时的回调函数，使用 PositionError 对象作为唯一的参数，这是一个可选项。
options:一个可选的PositionOptions 对象,包含以下3个参数。

enableHighAccuracy 是一个Boolean值，用来表明应用是否使用其最高精度来表示结果，默认为false。
timeout 是一个正的long值，表明的是设备必须在多长时间（单位毫秒）内返回一个位置，默认是Infinity。
maximumAge 是一个正的long值，表明可以返回多长时间（即最长年龄，单位毫秒）内的可获取的缓存位置。如果设置为 0,说明设备不能使用一个缓存位置，而且必须去获取一个真实的当前位置。如果设置为 Infinity ，那么不管设置的最长年龄是多少，设备都必须返回一个缓存位置。默认值：0

2.success – 成功得到位置信息时的回调函数

navigator.geolocation.getCurrentPosition(function(position)) {
  // 获取成功时的的处理
  //参数position是地理位置对象
}

position中返回的信息如下图：

accuracy 获取到的纬度或者经度的精度(以米为单位)
altitude 当前地理位置的海拨高度（不能获取为null）
altitudeAccurancy 获取到的海拨高度的经度(以米为单位)
heading 设备移动的方向（以度为单位）
latitude 当前地理位置的纬度
longitude 当前地理位置的经度
speed 设备的前进速度(以米/秒为单位，不能获取时为null)
timestamp 获取地理位置信息时的时间

3.error – 获取位置信息失败时的回调函数

navigator.geolocation.getCurrentPosition(function(position){
   // 获取成功时的的处理；
  //参数position是地理位置对象
},function(error)) {
  // 获取失败时的的处理；
}

error中返回的信息如下图

code属性有以下值：

– 1 地理位置信息的获取失败，因为该页面没有获取地理位置信息的权限。
– 2 地理位置获取失败，因为至少有一个内部位置源返回一个内部错误。
– 3 获取地理位置超时，通过定义PositionOptions.timeout 来设置获取地理位置的超时时长。

message 返回一个开发者可以理解的 DOMString 来描述错误的详细信息。