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

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

当前位置: 主页>网站教程>html5教程> HTML5 地理定位
分享文章到:

HTML5 地理定位

发布时间:09/01 来源:未知 浏览: 关键词:
HTML5 地理定位

定位会员的位置 ( 引荐学习:html教程 )

HTML5 Geolocation API 用于获得会员的地理位置。

鉴于该特性大概侵犯会员的隐私,除非会员赞成,不然会员位置信息是不成用的。

阅读器支撑

Internet Explorer 9、Firefox、Chrome、Safari 乃至 Opera 支撑地理定位。

注释:关于具有 GPS 的设备,比方 iPhone,地理定位愈加准确。

HTML5 - 使用地理定位

请使用 getCurrentPosition() 办法来获得会员的位置。

下例是一个简便的地理定位实例,可返回会员位置的经度和纬度。

实例

<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude +
  "<br />Longitude: " + position.coords.longitude;
  }
</script>

例子说明:

检测可否支撑地理定位

假如支撑,则运转 getCurrentPosition() 办法。假如不支撑,则向会员显示一段新闻。

假如getCurrentPosition()运转成功,则向参数showPosition中规定的函数返回一个coordinates对象

showPosition() 函数获得并显示经度和纬度

上面的例子是一个非常根基的地理定位足本,不含错误处置。

以上就是HTML5 地理定位的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

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

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

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

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

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

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板