百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> 怎样运用HTML5实现地理位置的猎取-
分享文章到:

怎样运用HTML5实现地理位置的猎取-

发布时间:09/01 来源:未知 浏览: 关键词:
本文向大家展现怎样运用HTML5实现地理位置的猎取,有一定的参照 价值,有需要的伴侣可以参照 一下,但愿对你有所帮忙。 此刻的挪移端大局部都带有GPS定位功能,一方面可以应用基站猎取位置,另一方面可以用GPS芯片精准定位,那么我们在前端开发的历程中,怎样在会员赞成分享地理位置的状况下猎取精准的定位信息呢?本文向大家展现怎样运用HTML5实现地理位置的猎取,有一定的参照 价值,有需要的伴侣可以参照 一下,但愿对你有所帮忙。

猎取地理位置的道理

大局部的设施分享地理位置需要会员权限,那么设施是怎么辨认地理位置的呢?大致有如下两种方式:

  1. 通过挪移端的IP地址进行定位(包含WiFi,CDMA等)。

  2. 通过卫星定位获得经纬度信息的 GPS 设施。

第一我们需要设定调取函数来申请猎取权限,然后应用回调函数猎取地理位置信息,最后关于输出效果我们要进行容错处置。

猎取地理位置的步骤

步骤一:调取位置函数

function get_location() {
  navigator.geolocation.getCurrentPosition(show_map, handle_error, PositionOptions);
}

步骤二:猎取地理位置

function show_map(position) {
  var latitude = position.coords.latitude;//猎取纬度
  var longitude = position.coords.longitude;//猎取经度
}

其中这个回调函数要传入一个 position 对象,就是猎取到的位置信息。position属性如图所示


function handle_error(err) {
  switch(err.code)  {
    case err.PERMISSION_DENIED:
      break;
    case err.POSITION_UNAVAILABLE:
      break;
    case err.TIMEOUT:
      break;
    case err.UNKNOWN_ERROR:
      break;
  }
}

在此列出了四种差错状况

  1. 会员拒绝对猎取地理位置的要求。

  2. 位置信息不成用。

  3. 要求地理位置信息超时。

  4. 未知差错。

以上就是怎样运用HTML5实现地理位置的猎取的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板