开发者社区> 季雨林> 正文

openGPS.cn - 浏览器定位技术探讨(HTML5定位)

简介:     浏览器定位,也就是HTML5定位,据我目前的理解,这俩其实是一个概念。都是随着html5技术的发展而开始进入大众视野。 ​原文连接发布在https://www.opengps.cn/Share/Article/View.aspx?id=7,内容更新以这里为准。      站长基于浏览器定位,制作了2个页面      实时位置共享:实现类似于微信的好友实时位置功
+关注继续查看

    浏览器定位,也就是HTML5定位,据我目前的理解,这俩其实是一个概念。都是随着html5技术的发展而开始进入大众视野。

原文连接发布在https://www.opengps.cn/Share/Article/View.aspx?id=7,内容更新以这里为准。

     站长基于浏览器定位,制作了2个页面

     实时位置共享:实现类似于微信的好友实时位置功能,点击连接体验 。目前本站点的浏览器定位已经支持wgs84坐标的自动纠偏,gcj02的纠偏处理尚未加入

    浏览器定位功能测试:显示出能获取到的最新的信息,点击连接体验

    

     目前,已经实现的 实时位置共享 功能暂时未完全兼容浏览器坐标问题,因此当前阶段,只有默认返回wgs84标准坐标的浏览器可以准确定位。因为开发过程中发现,各个浏览器所选用的标准不一致。目前总结如下:

返回wgs84标准的坐标的手机浏览器:

Chrome浏览器手机版, 手机微信内置浏览器(QQ浏览器内核), QQ浏览器手机版, Opera浏览器手机版, 猎豹浏览器手机版, 搜狗浏览器手机版, 2345浏览器手机版, 小米手机浏览器, 华为手机浏览器等

返回gcj02标准的坐标的手机浏览器:

Firefox浏览器手机版, 360浏览器手机版, UC浏览器手机版, 百度浏览器手机版等


     除了坐标系问题,现在还有其他因素会导致浏览器定位功能不准确:

1,电脑端使用浏览器定位,电脑端也能定位。推测浏览器使用了外部服务实现定位,但准确度取决于参与影响因素有,ip定位,计算机时区等

2,移动端浏览器定位,取决于多种因素,主要是依赖于移动设备内置的位置服务。此内置服务对于手机来讲,包括纯GPS定位,纯网络定位(wifi,ip等均属于网络定位),综合定位,以及关闭定位功能

3,系统权限问题,以安卓平台为例,手机APP往往需要先获取位置服务的权限,然后才能用到位置服务功能。另外。部分浏览器可单独设置是否启用位置服务功能。

4,用户权限问题,浏览器定位为了不涉及用户隐私,一般的浏览器厂商默认会提示用户是否允许正在使用的网站获取位置服务权限,因此大部分使用了浏览器定位功能网站页面都会弹框请求用户授权,这个弹框是浏览器所提供,因此网站无法悄无声息的使用浏览器的位置服务

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Vite 与 Vue Cli 对比 - 尤雨溪: Vite 会取代 vue-cli 吗?
尤雨溪在发布 Vite 之后写了一条推,感觉不会在用 webpack 了(Vue-cli 基于 Webpack 开发,并配置了 Webpack 打包规则),Sean 是 Webpack 核心开发者,会一些中文,在尤大这条下面直接感叹。Vue-cli 一直是 Vue 2 默认官方脚手架工具,Vue-cli 基于 Webpack 开发。Vue 3 发布后,尤大同时发布了 Vite ,那么 Vue 3 同时有两个前端打包工具 Vite 和 Vue CLI,那么他们俩应该怎么选呢?
9 0
Thymeleaf 5 分钟教程
Thymeleaf 是一个用于 web 和独立环境的现代服务器端 Java 模板引擎。 Thymeleaf 的主要目标是为开发工作流程带来优雅的自然模板ー HTML,它既可以在浏览器中正确显示,也可以作为静态原型工作,从而加强开发团队之间的协作。 有了 Spring Framework 的模块、大量与您最喜欢的工具集成的功能,以及插入您自己功能的能力,Thymeleaf 是现代 HTML5 JVM web 开发的理想选择ーー尽管它可以做的还有很多。 用 Thymeleaf 语言编写的 HTML 模板看起来和工作方式仍然类似于 HTML,使得在应用程序中运行的实际模板仍然可以作为有用的设计工件工
6 0
kubernetes 初体验-mac版
之前在mac上体验kubernetes要使用minikube,最近发现Docker-Desktop自带的k8s更方便,简单记录一下安装过程。
10 0
spring经典面试题灵魂24问
本质是通过动态代理来实现的,主要有以下几个步骤。 获取增强器,例如被 Aspect 注解修饰的类。 在创建每一个 bean 时,会检查是否有增强器能应用于这个 bean,简单理解就是该 bean 是否在该增强器指定的 execution 表达式中。如果是,则将增强器作为拦截器参数,使用动态代理创建 bean 的代理对象实例。 当我们调用被增强过的 bean 时,就会走到代理类中,从而可以触发增强器,本质跟拦截器类似。
14 0
Node.js专题讲解 第1期 概念篇
经过这几年的发展,前端普遍进入了技术深水区,只会Web页面开发已经难以满足企业的需求,Node逐渐成为了刚性技能。为了回馈粉丝的支持,前端微服务特开启Node.js专题,系统学习Node.js知识,为还在迷茫路上的你,提供系统化的学习.
6 0
一文读懂前端模块化(CommonJS、AMD、CMD、UMD、ES6)
一文读懂前端模块化(CommonJS、AMD、CMD、UMD、ES6)
7 0
2021前端应该掌握的干货
2021前端应该掌握的干货
8 0
2022面试不完全指南
2022面试不完全指南
8 0
HTTP协议细节,你学会了吗?
httpbin是requests作者Kenneth Reitz的项目,是一个使用flask制作的http协议演示项目。学习这个项目,我们大概可以获得两个小收获。
9 0
面试题21解析-浏览器背后的秘密
题目:描述一下用户打开浏览器到看到网页整个过程发生了什么?
5 0
+关注
季雨林
jiyulin.com
42
文章
100
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载