第15章地址位置定位祥解.ppt

第15章 地址位置定位 HTML5 Geolocation（地理定位）用于定位用户的位置。 15.1 了解位置定位 如何工作？ 当用户浏览一个位置定位网站时，浏览器会收集获取用户周围的无线热点、无线基站或PC的IP地址，然后把这些信息发送给默认的位置定位服务提供者，也就是谷歌位置服务，由它来计算用户的位置。 位置定位的精确度？ 位置服务提供商可能是小范围，也有可能服务范围很大而使得返回的位置是一个估算值，并且IP并不完全等于实际地理位置，实际是ISP的地理位置。 15.2 使用Geolocation HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。 Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。 对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。 15.2.1 获取Geolocation对象 使用window.navigator.geolocation可以获取Geolocation对象，需要做浏览器支持验证。 在访问Geolocation对象的API时，浏览器会询问用户是否允许网站访问自己的位置信息。 15.2.2 获取当前地理位置 请使用 getCurrentPosition() 方法来获得用户的位置。 格式： oGeolocation.GgetCurrentPosition(sucessCallback[,errorCallback[,option]]) 参数sucessCallback为成功时回调函数，包含一个Position对象为参数，包含用户位置信息。 参数errorCallback是出错时回调函数。 参数option定义配置项。 15.2.2 获取当前地理位置 15.2.2 获取当前地理位置 检测是否支持地理定位 如果支持，则运行 getCurrentPosition() 方法。如果不支持，则向用户显示一段消息。 如果getCurrentPosition()运行成功，则向参数showPosition中规定函数返回一个coordinates对象 showPosition() 函数获得并显示经度和纬度 15.2.3 处理位置信息 当成功获取信息后返回一个Position对象，该对象包含一个coords属性，其返回值是一个Coordinates对象，包含了地理位置坐标。 15.2.1 出错处理 当用户拒绝或获取位置信息出错，就可执行errorCallback回调函数。 获取的出错信息error.code对应如下： Permission denied - 用户不允许地理定位 Position unavailable - 无法获取当前位置 Timeout - 操作超时 也可以使用message属性获取出错信息。 15.2.5 配置项 option定义了获取位置时的一些配置细节。 该对象定义了3个属性： 属性enableHighAccuracy告知浏览器是否获取高精度结果，这与设备相关。 属性maximumAge定义一个毫秒数，即缓存位置的时间。 属性timeout定义最大超时，超出获取时长则触发错误。 15.2.6 持续追踪位置 watchPosition() ——返回用户的当前位置，并继续返回用户移动时的更新位置（就像汽车上的 GPS）。 clearWatch() ——停止 watchPosition() 方法。 需要一台精确的 GPS 设备来测试该例（比如 iPhone）。 15.3 地理位置定位和在线地图结合使用 15.3.1 反向Geolocation 将将经纬度转换为地名称为反向Geolocation这需要一个服务能够根据经纬度获取地名。 网络上有很多此类服务，如Flickr的flickr.place.findByLatLon服务，使用YQL(Yahoo查询语言)就可以轻松实现。 15.3.2 与Google Map结合使用 使用Google Static Maps呈现静态地图图片。 15.3.2 与Google Map结合使用 获取用户位置并在Google地图上标记出来 1）加载API 15.3.2 与Google Map结合使用 2）定义变量 15.3.2 与Google Map结合使用 3）监听按钮单击事件，一旦单击就获取用户的位置信息。 15.3.2 与Google Map结合使用 4）分别定义两个回调函数。 15.3.2 与Google Map结合使用 5）在成功回调函数中载入Google地图并向地图中添加标记。 15.3.2 与Google