第12讲-地理定位.pptVIP

用于此站点的选项 如果选择“总是允许”，则会将该站点添加到信任站点中。 下次该站点再获取浏览器地理位置时，将不再询问用户直接允许。 如果选择“总是拒绝且不通知我”，则下次该站点再获取浏览器地理位置时，将不再询问用户直接拒绝。 第12讲 获取浏览器的地理位置信息 有些应用程序的需要获取用户的地理位置信息，比较经典的例子就是在显示地图时标注自己的当前位置。 过去，获取用户的地理位置信息需要借助第3方地址数据库或专业的开发包（例如，Google Gears API）。 HTML 5定义了Geolocation API规范，可以通过浏览器获取用户的地理位置，这无疑给有相关需求的用户提供了很大的方便。 本章介绍使用HTML5 Geolocation API获取用户的地理位置信息的方法。 本章知识点 12.1 概述 12.2 获取地理位置信息 12.3 数据保护 12.1 概述 12.1.1 什么是浏览器地理位置 12.1.2 浏览器对获取地理位置信息的支持情况 12.1.1 什么是浏览器地理位置 浏览器的地理位置实际上就是安装浏览器的硬件设备的位置，例如经纬度。位置信息的通常来源包括： GPS（全球定位系统），这种方式可以提供很精确的定位，但需要专门的硬件设备，定位效率也不高。 IP地址，多用于计算机设备，定位并不准确。 RFID（Radio Frequency Identification，无线射频标签）。可以通过读卡器的信号、报文到达时间或定位器等等数据确定标签的位置。 WiFi，无线上网时，可以通过WiFi热点（AP或无线路由器）来定位客户端设备。 GSM/CDMA小区标识码，可以根据手机用户的基站数据定位手机设备。 用户输入，除了以上方法外，还可以允许用户自定义位置信息。 12.1.2 浏览器对获取地理位置信息的支持情况 在JavaScript中可以使用navigator.geolocation属性检测浏览器对获取地理位置信息的支持情况。 如果navigator.geolocation等于True，则表明当前浏览器支持获取地理位置信息；否则表明不支持。 【例12-1】 在网页中定义一个按钮，单击此按钮时，会检测浏览器是否支持获取地理位置信息。 定义按钮的代码如下： button id=check onclick=check();检测浏览器是否支持获取地理位置信息/button 单击按钮check将调用check()函数 script type=text/javascript function check(){ if(navigator.geolocation){ alert(您的浏览器支持获取地理位置信息。); } else{ alert(您的浏览器不支持获取地理位置信息。); } } /script 各主流浏览器对获取地理位置信息的支持情况 浏 览 器 对跨文档消息机制的支持情况 Chrome 5.0及以后的版本支持 Firefox 3.5及以后的版本支持 Internet Explorer 9.0及以后的版本支持 Opera 10.6及以后的版本支持 Safari 5.0及以后的版本支持 备注：实际上并不像书上写的那样，其实只有IE9之上的版本才支持地理定位。 安装下面操作系统的手机设备也支持获取地理位置信息 ? Android 2.0+ ? iPhone 3.0+ ? Opera Mobile 10.1+ ? Symbian (S60 3rd 5th generation) ? Blackberry OS 6 ? Maemo 12.2 获取地理位置信息 12.2.1 getCurrentPosition()方法 12.2.2 watchPosition()方法 12.2.3 clearWatch()方法 12.2.1 getCurrentPosition()方法 调用getCurrentPosition()方法可以获取地理位置信息，也就是经纬度。getCurrentPosition()方法的语法如下： var retval = geolocation.getCurrentPosition(successCallback, errorCallback, options); 参数说明如下： successCallback，当成功获取地理位置信息时用的回调函数句柄。 回调函数successCallback有一个参数position对象，其中包含获取到的地理位置信息。 参数position对象 回调函数successCallback有一个参数position对象，其中包含获取到的地理位置信息。position对象包含2个属性，如表