HTML5-GPS定位

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

GPS定位

在html5中有一个GeolocationAPI,这个API用于通过GPS获得用户的地理位置,也就是俗称的GPS定位。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。

需要通过getCurrentPosition() 方法来获得用户的位置,这个方法有两个参数,第一个用于执行获得地理位置的代码,第二个参数用来处理错误。它规定当获取用户位置失败时运行的函数。 代码示例:

运行结果:

浏览器会询问是否允许定位,点击不允许的话会抛出一个错误对象,然后执行错误处理函数进行相应的处理:

如果获取地理位置的过程出错了,也会执行错误处理函数,打印出相应的错误类型:

手机上也可以定位:

除此之外还可以调用一些地图API将坐标显示到地图上。 代码示例,我这里调用的是百度地图的API:

运行结果:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 友情提示链接:ES6系列(一)迭代器、for-of循环和生成器 Generators 在HTML5的新标准中,有了...
    侬姝沁儿阅读 2,720评论 1 6
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,295评论 4 61
  • 如果现在我就离开了家,独立生活。如果我找了一份工作,每天都是一成不变的生活,然后年岁到了,或许会遇到一个还合眼缘的...
    六见秋彦阅读 204评论 0 0
  • 看到一幅最美的画面 那是儿女最美的心愿 一位白发苍苍的老人 推着一位鹤发童颜的老者 行走在晨曦植物园的甬道上 老人...
    文静_5c0c阅读 242评论 4 10