如果您无法下载资料，请参考说明：
1、部分资料下载需要金币，请确保您的账户上有足够的金币
2、已购买过的文档，再次下载不重复扣费
3、资料包下载后请先用软件解压，在使用对应软件打开
HTML5窍门系列：Geolocation基于位置的应用最近吸引了很多眼球。当前每个人都想知道“你”在哪里，这样他们可以利用你的数据做一些内容服务，比如你在哪里。基于位置的应用/服务有不同形式。其中一部分是单纯的检测你的位置信息更新。另外一些应用可以返回一些你指定的数据，比如根据你位置显示酒店或是天气数据。也有一些有趣的提示，当你进入或离开某个特定的区域会发送。总之，位置信息就是一个应用如何知道用户的位置的最关键能力。探测用户的位置当前有不同的机制可以做到。在典型的web应用里，用户的网络环境/IP地址会被破译，然后服务器端来确定用户的位置。而在移动设备上，一个常见的GPS接收器能够提供更详细的位置。HTML5通过GeolocationAPI来支持检测用户位置。根据你的需求它提供了单次的位置接收以及持续的位置接收。它通过浏览器里的navigator.geolocation来实现支持。在智能手机上基于webkit的浏览器上HTML5Geolocation已经支持的不错了。有了足够的理论了。让我们看看如何使用HTML5GeolocationAPI来在浏览器里获取用户的位置。我们将看看在navigator.geolocation对象里的getCurrentPosition()方法。getCurrentPosition()方法有3个参数：成功的callback函数，错误callback函数和我们能指定的位置可选对象。错误回调函数和位置都是可选参数，但他们有时候也很有用。看看下面的代码吧：现在讲解下相关代码:XML/HTMLCode复制内容到剪贴板<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>HTMLGeoLocationTest</title><scripttype="text/javascript">functionfindMyCurrentLocation(){vargeoService=navigator.geolocation;if(geoService){alert("YourBrowsersupportsGeoLocation");navigator.geolocation.getCurrentPosition(showCurrentLocation,errorHandler,{enableHighAccuracy:true});}else{alert("YourBrowserdoesnotsupportGeoLocation.");}}functionshowCurrentLocation(position){document.getElementById("mycurrentlocation").innerHTML="Yourlocationdetails-->CurrentLatitude:"+position.coords.latitude+",Longitude:"+position.coords.longitude;}杨太秘丸www.315-yangtaimiwan.comokl
立即下载
