使用地理定位

位置信息来源

Ip定位(一般精确到城市级)

GPS定位(需要硬件设备支持)

Wi-Fi定位(适合大城市,农村等无接入点地区效果不好)

手机定位

自定义定位:通过编程计算出用户的位置外,也可以应许用户自定义其位置,应用程序可能应许用户输入他们的地址,邮政编码等详细信息,应用程序根据这些信息提供位置感知服务

通过全局属性navigator.geolocation可以访问地理定位功能,它返回一个Geolocation对象,

Geolocation对象

名称

说明

返回

getCurrentPosition(callback,errorCallback,options)

获取当前位置

Void

watchPosition(callback,error,options)

开始监控当前位置

数值(id)

clearWatch(id)

停止监控当前位置

void

 navigator.geolocation.getCurrentPosition(onSuccess,onError,options);

 //成功时

           function onSuccess(position){

               //返回用户位置

               //经度

               var longitude =position.coords.longitude;

               //纬度

               var latitude = position.coords.latitude;

               //使用百度地图API(或者使用腾讯地图也可以)

               //创建地图实例  

               var map =new BMap.Map("container");

               //创建一个坐标

               var point =new BMap.Point(longitude,latitude);

               //地图初始化,设置中心点坐标和地图级别  

               map.centerAndZoom(point,15);

           }

 

           //失败时

           function onError(error){

               switch(error.code){

                   case 1:

                   alert("位置服务被拒绝");

                   break;

                   case 2:

                   alert("暂时获取不到位置信息");

                   break;

                   case 3:

                   alert("获取信息超时");

                   break;

                   case 4:

                    alert("未知错误");

                   break;

               }

           }

 

在本例中调用了getCurrentPosition,有成功和失败时的回调函数,并且成功时返回一个position对象,失败时返回一个PositionError对象

position对象

名称

说明

返回

coords

返回当前位置的坐标

Coordinates

timestamp

返回获取坐标信息的时间

字符串

我们真正感兴趣的是Coordinates对象,它由Position.coords属性返回,

Coordinates对象

名称

说明

返回

latitude

返回纬度

数值(十进制)

longitude

返回经度

数值(十进制)

altitude

返回海拔高度

数值(米)

accuracy

返回坐标经度

数值(米)

altitudeAccuracy

返回海拔精度

数值(米)

heading

返回行进方向

数值(度)

Speed

返回行进速度

数值(米/秒)

 

PositionError对象

名称

说明

返回

code

返回代表错误类型的代码

有如下数值

1用户未授权使用地理定位功能

2不能确定位置

3请求位置的尝试已超时

message

返回描述错误的字符串

字符串

 

getCurrentPosition对象的第三个参数是一个PositionOptions对象,这个功能应许我们可以部分控制位置信息的获取方式

PositionOptions对象

名称

说明

返回

enableHighAccuracy

告诉浏览器我们希望得到可能的最佳结果

布尔值

timeout

限制请求位置的时间,设置多少毫秒后会报告一个超时错误

数值

maximumAge

告诉浏览器我们愿意接受缓存过的位置,只要它不早于指定的毫秒数

数值

 

监控位置

可以使用watchPosition方法不断获得关于位置的更新这个方法所需的参数和getCurrentPosition方法相同,工作方式也一样,它们的区别在于:随着位置发生改变,回调函数会反复的调用,当你想停止监控时,可以把此方法返回的id值传递给clearWatch方法

 

posted @ 2016-08-26 17:42  竹立荷塘  阅读(603)  评论(0编辑  收藏  举报