国企网站建设,seo是什么字,建站方法,法律电商如何做网站推广营销HTML5 Geolocation#xff08;地理定位#xff09;用于定位用户的位置。定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私#xff0c;除非用户同意#xff0c;否则用户位置信息是不可用的。浏览器支持Internet Explorer 9、Fire…HTML5 Geolocation地理定位用于定位用户的位置。定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私除非用户同意否则用户位置信息是不可用的。浏览器支持Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。注释对于拥有 GPS 的设备比如 iPhone地理定位更加精确。使用地理定位简单例子请使用 getCurrentPosition() 方法来获得用户的位置。下例是一个简单的地理定位实例可返回用户位置的经度和纬度。实例scriptvar xdocument.getElementById(demo);function getLocation(){if (navigator.geolocation){navigator.geolocation.getCurrentPosition(showPosition);}else{x.innerHTMLGeolocation is not supported by this browser.;}}function showPosition(position){x.innerHTMLLatitude: position.coords.latitude br /Longitude: position.coords.longitude;}/script例子解释1.检测是否支持地理定位2.如果支持则运行 getCurrentPosition() 方法。如果不支持则向用户显示一段消息。3.如果getCurrentPosition()运行成功则向参数showPosition中规定的函数返回一个coordinates对象showPosition() 函数获得并显示经度和纬度上面的例子是一个非常基础的地理定位脚本不含错误处理。含处理错误和拒绝的例子getCurrentPosition() 方法的第二个参数用于处理错误。它规定当获取用户位置失败时运行的函数实例function showError(error){switch(error.code){case error.PERMISSION_DENIED:x.innerHTMLUser denied the request for Geolocation.break;case error.POSITION_UNAVAILABLE:x.innerHTMLLocation information is unavailable.break;case error.TIMEOUT:x.innerHTMLThe request to get user location timed out.break;case error.UNKNOWN_ERROR:x.innerHTMLAn unknown error occurred.break;}}错误代码解释Permission denied - 用户不允许地理定位Position unavailable - 无法获取当前位置Timeout - 操作超时在地图中显示结果如需在地图中显示结果您需要访问可使用经纬度的地图服务比如谷歌地图或百度地图要点function showPosition(position){var latlonposition.coords.latitude , position.coords.longitude;var img_urlhttp://maps.googleapis.com/maps/api/staticmap?centerlatlon zoom14size400x300sensorfalse;document.getElementById(mapholder).innerHTMLimg src img_url /;}完整例子!DOCTYPE htmlhtmlbodyp iddemo点击这个按钮获得您的位置/pbutton οnclickgetLocation()试一下/buttondiv idmapholder/divscriptvar xdocument.getElementById(demo);function getLocation() //获取地理位置{if (navigator.geolocation){navigator.geolocation.getCurrentPosition(showPosition,showError);}else{x.innerHTMLGeolocation is not supported by this browser.;}}function showPosition(position) //显示地理位置{var latlonposition.coords.latitude , position.coords.longitude;var img_urlhttp://maps.googleapis.com/maps/api/staticmap?centerlatlon zoom14size400x300sensorfalse;document.getElementById(mapholder).innerHTMLimg src img_url /;}function showError(error) //错误处理{switch(error.code) {case error.PERMISSION_DENIED:x.innerHTMLUser denied the request for Geolocation.break;case error.POSITION_UNAVAILABLE:x.innerHTMLLocation information is unavailable.break;case error.TIMEOUT:x.innerHTMLThe request to get user location timed out.break;case error.UNKNOWN_ERROR:x.innerHTMLAn unknown error occurred.break;}}/script/body/htmlgetCurrentPosition() 方法及其它属性 若成功则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用则会返回其他下面的属性。coords.latitude 十进制数的纬度coords.longitude 十进制数的经度coords.accuracy 位置精度coords.altitude 海拔海平面以上以米计coords.altitudeAccuracy 位置的海拔精度coords.heading 方向从正北开始以度计coords.speed 速度以米/每秒计timestamp 响应的日期/时间Geolocation 对象 - 其他有趣的方法watchPosition() - 返回用户的当前位置并继续返回用户移动时的更新位置就像汽车上的 GPS。clearWatch() - 停止 watchPosition() 方法下面的例子展示 watchPosition() 方法。您需要一台精确的 GPS 设备来测试该例比如 iPhone!DOCTYPE htmlhtmlbodyp iddemo点击这个按钮获得您的坐标/pbutton οnclickgetLocation()试一下/buttonscriptvar xdocument.getElementById(demo);function getLocation(){if (navigator.geolocation){navigator.geolocation.watchPosition(showPosition);}else{x.innerHTMLGeolocation is not supported by this browser.;}}function showPosition(position){x.innerHTMLLatitude: position.coords.latitude br /Longitude: position.coords.longitude; }/script/body/html
