if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(getPosition,getPositionError, {

// 指示浏览器获取高精度的位置,默认为false

enableHighAccuracy: true,

// 指定获取地理位置的超时时间,默认不限时,单位为毫秒

timeout: 5000,

// 最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。

maximumAge: 3000

});

}

上面这段代码,在H5相关的定位中,随处可见,这是用手机端或者电脑端自己的GPS定位,但是之前我通过这个测试发现,非常不准确。电脑端直接报错。

1. 手机端如果是套用百度的那一套API会飘得很厉害,据观察是用的基站定位。

2. 后来我一想百度这么挫?我就用上面原生的代码来获取,发现常常报错:

使用Geolocation方法存在错误信息error.POSITION_UNAVAILABLE

查了很久,电脑端一直就不可以,最后终于知道了,划重点:

现在GPS的服务,最好是https,http基本上越来越不被支持了。chrome甚至直接弹出说只有https才能获取定位。

再次测试,超级准,准到没朋友。误差10米以内。

html5 定位坐标不精准,[Web开发]Html5定位不准确问题相关推荐

  1. html5在哪编辑器,HTML5文本编辑器推荐-属于Web开发人员的HTML5编辑器

    HTML5文本编辑器推荐-属于Web开发人员的HTML5编辑器 Web开发人员和设计人员经常需要用到HTML5文本编辑器,同时它也是Web开发人员最为重要的工具之一.由于HTML5技术的不断发展,为此 ...

  2. HTML5与jQuery组合:Web开发教程实践

    HTML5 和jQuery组合目前对于web开发人员来说是强大的工具之一,使用这个组合能够帮助你扩展你设计的局限,实现一些非常绚丽及其强大的web应用或者网 站.尤其是最近jQuery 1.0的发布, ...

  3. 谷歌游览器插件html5,谷歌丢弃浏览器插件,全面开发html5

    北京时间2月21日消息 据国外媒体报道,谷歌Gears项目经理伊安·费特[Ian Fette]日前通过博客宣布,谷歌将放弃对Gears项目的支持,以便重点开发HTML5. 费特周五在Gears API ...

  4. HTML5 Boilerplate: 最流行的web开发前端模版

    http://bjankord.github.io/Style-Guide-Boilerplate/

  5. 自学也能学得会的《零基础入门学习Web开发》(HTML5 CSS3)

    1 Web开发是什么 很多读者可能还不明白,Web开发到底是什么. 其实,我们所说的Web开发通常相当于前端开发与后端开发的组合. 前端开发主要通过HTML.CSS.JavaScript. AJAX. ...

  6. 【Web前端开发】《零基础入门学习Web开发》(HTML5CSS3)(小甲鱼)

    1 P1:凉凉好像挺厉害的奥?      听完了! 2 P2:HTML是用来描述网页的一种语言 官方:超文本标记语言   Hyper Text Markup Language 使用标签来描述网页    ...

  7. 前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)

    第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...

  8. HTML5移动Web开发实战 PDF扫描版​

    <HTML5移动Web开发实战>提供了应对这一挑战的解决方案.通过阅读本书,你将了解如何有效地利用最新的HTML5的那些针对移动网站的功能,横跨多个移动平台.全书共分10章,从移动Web. ...

  9. [HTML5]移动Web应用程序开发 HTML5篇 (四) 多媒体API

    介绍 本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具:HTML5,JavaScript, CSS3. 本篇是HTML5介绍的第三篇,主要介绍HTML5的Canvas API. ...

最新文章

  1. It appears as though you do not have permission to view information ...
  2. conda install和pip install的区别
  3. OpenCV中函数imread的参数flags的枚举值(可设置值)及其具体意义
  4. 30.32.33.词云图、3D绘图、矩阵可视化、绘制混淆矩阵
  5. python——面向对象篇之异常和反射
  6. python利用特征进行可视化样本显示_利用Python进行机器学习之特征选择
  7. 使用VS code 创建 Azure Functions,从blob触发,解析,发送至Service Bus
  8. 使用EMR Spark Relational Cache跨集群同步数据
  9. 九年级数学解方程50道_【初中数学】北师大版九年级上册数学知识点总结
  10. Pitch,Yaw,Roll的概念
  11. java rt.jar的源代码的位置
  12. 170628 逆向-安卓查壳软件ApkDetecter安装
  13. JAVA版开源MQTT Broker, 支持集群和规则引擎
  14. python 列表推导式 else_列表推导式与表达式生成器在 Python 中的滥用!
  15. 电路设计_物联网芯片资讯——GPRS
  16. 深入理解WKWebView白屏
  17. YDLidar开发-在win10下使用C++/python开发全过程-SDK配置
  18. JS把加号当成连接符
  19. 克隆linux系统之后如何配置网络ip
  20. 【python】基础七:编码问题

热门文章

  1. 2019 Domain-Specific Batch Normalization for Unsupervised Domain Adaptation
  2. 配置IPSec安全策略
  3. 『津津乐道播客』#065. 为什么受伤的总是技术人?
  4. 二. 微服务的高级进阶
  5. Mac 软件 CleanMyMac X 免费下载及安装使用教程
  6. Phoenix删除数据
  7. 管道PIPE_BUF说明
  8. 【nodePort、port、targetPort、containerPort的区别】
  9. 斗地主练习(按照斗地主的规则,完成洗牌发牌的动作。)
  10. 多表连接查询数据拼接、left join去重问题