在前面的《小强的html5移动开发之路（2）——html5的新特性》中介绍了关于html5的地理定位功能，这一篇我们来详细了解一下怎么使用该功能。
Html5 Geolocation API用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的，在使用该功能的时候浏览器会弹出提醒框。
一、地理定位的几种方式
IP地址、GPS、Wifi、GSM/CDMA
立即学习“前端免费学习笔记（深入）”；
二、地理位置获取流程
1、用户打开需要获取地理位置的web应用。
2、应用向浏览器请求地理位置，浏览器弹出询问，询问用户是否共享地理位置。
3、假设用户允许，浏览器从设别查询相关信息。
4、浏览器将相关信息发送到一个信任的位置服务器，服务器返回具体的地理位置。
三、浏览器的支持
IE9.0+、FF3.5+、Safari5.0+、Chrome5.0+、Opera10.6+ 支持地理定位。
注释：对于拥有 GPS 的设备，比如 iPhone（IPhone3.0+、Android2.0+），地理定位更加精确。
四、HTML5中地理位置定位的方法
GeolocationAPI存在于navigator对象中，只包含3个方法：
1、getCurrentPosition //当前位置
2、watchPosition //监视位置
3、clearWatch //清除监视
五、地理定位方法getCurrentPosition()
点击这个按钮，获得您的坐标：
getCurrentPosition(success,error,option)方法最多可以有三个参数：
getCurrentPosition()方法第一个参数回调一个showPosition()函数并将位置信息传递给该函数，从该函数中获取位置信息并显示，
getCurrentPostion()方法第二个参数用于处理错误信息，它是获取位置信息失败的回调函数
getCurrentPostion()方法第三个参数是配置项，该参数是一个对象，影响了获取位置的细节。
点击这个按钮，获得您的坐标：
六、在Google地图中显示结果
点击这个按钮，获得您的位置：
七、在百度地图中显示结果
1、去百度开发者获取地图显示密钥
http://developer.baidu.com/map/jshome.htm
点击这个按钮，获得您的位置：
注意：如果拷贝上面代码，请将“你自己的密钥”替换为在百度开发者中心申请的密钥
可以看到Google Map 和百度地图的定位参考不同，所以用ip定位误差很大。
八、getCurrentPosition()方法—返回数据若成功，则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用，则会返回其他下面的属性。
属性
描述
coords.latitude 十进制数的纬度
coords.longitude 十进制数的经度
coords.accuracy 位置精度
coords.altitude 海拔，海平面以上以米计
coords.altitudeAccuracy 位置的海拔精度
coords.heading 方向，从正北开始以度计
coords.speed 速度，以米/每秒计
timestamp 响应的日期/时间
还可以获得地理位置（只有firefox支持)
p.address.country 国家
p.address.region 省份
p.address.city 城市
九、监视位置（移动设备中）watchPosition() - 返回用户的当前位置，并继续返回用户移动时的更新位置（就像汽车上的 GPS）。
clearWatch() - 停止 watchPosition() 方法
下面的例子展示 watchPosition() 方法
watchPosition像一个追踪器与clearWatch成对。
watchPosition与clearWatch有点像setInterval和clearInterval的工作方式。
varwatchPositionId =navigator.geolocation.watchPosition(success_callback,error_callback,options);
navigator.geolocation.clearWatch(watchPositionId );
点击这个按钮，获得您的坐标：
以上就是 小强的HTML5移动开发之路（18）——HTML5地理定位的内容，更多相关内容请关注PHP中文网（www.php.cn）！
