HTML5 地理位置定位(HTML5 Geolocation)原理及应用
来源:互联网 发布:js循环输出表格 编辑:程序博客网 时间:2024/06/05 20:57
HTML5 地理位置定位(HTML5 Geolocation)原理及应用
地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。
经过测试,Chrome/Firefox/Safari/Opera四个浏览器获取到的位置信息都是一摸一样的,估计都是用的同一个位置服务,数据如下:
而IE浏览器的和上面几款浏览器获取到的数据不一样,数据如下:
位置服务用于估计您所在位置的本地网络信息包括:有关可见 WiFi 接入点的信息(包括信号强度)、有关您本地路由器的信息、您计算机的 IP 地址。位置服务的准确度和覆盖范围因位置不同而异。
总的来说,在PC的浏览器中 HTML5 的地理位置功能获取的位置精度不够高,如果借助这个 HTML5 特性做一个城市天气预报是绰绰有余,但如果是做一个地图应用,那误差还是太大了。不过,如果是移动设备上的 HTML5 应用,可以通过设置 enableHighAcuracy 参数为 true,调用设备的 GPS 定位来获取高精度的地理位置信息。
在访问位置信息前,浏览器都会询问用户是否共享其位置信息,以 Chrome 浏览器为例,如果您允许 Chrome 浏览器与网站共享您的位置,Chrome 浏览器会向 Google 位置服务发送本地网络信息,估计您所在的位置。然后,浏览器会与请求使用您位置的网站共享您的位置。
HTML5 Geolocation API 使用非常简单,基本调用方式如下:
locationError为获取位置信息失败的回调函数,可以根据错误类型提示信息:
经过测试,Chrome/Firefox/Safari/Opera四个浏览器获取到的位置信息都是一摸一样的,估计都是用的同一个位置服务,数据如下:
而IE浏览器的和上面几款浏览器获取到的数据不一样,数据如下:
位置服务用于估计您所在位置的本地网络信息包括:有关可见 WiFi 接入点的信息(包括信号强度)、有关您本地路由器的信息、您计算机的 IP 地址。位置服务的准确度和覆盖范围因位置不同而异。
总的来说,在PC的浏览器中 HTML5 的地理位置功能获取的位置精度不够高,如果借助这个 HTML5 特性做一个城市天气预报是绰绰有余,但如果是做一个地图应用,那误差还是太大了。不过,如果是移动设备上的 HTML5 应用,可以通过设置 enableHighAcuracy 参数为 true,调用设备的 GPS 定位来获取高精度的地理位置信息。
阅读全文
0 0
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- HTML5 地理位置定位(HTML5 Geolocation)
- HTML5 地理位置定位(HTML5 Geolocation)
- HTML5 地理位置定位(HTML5 Geolocation)
- HTML5地理位置定位 Geolocation API
- HTML5地理位置Geolocation以及百度地图应用
- HTML5 Geolocation 地理位置 - 6
- HTML5 Geolocation获取地理位置
- HTML5 Geolocation(地理定位)
- HTML5--Geolocation(地理定位)
- HTML5 Geolocation(地理定位)
- HTML5地理位置定位Geolocation-API及Haversine地理空间距离算法
- 基于IP地址的HTML5地理位置定位 Geolocation API实例
- Html5 Geolocation获取地理位置信息
- Html5 系列之:地理位置Geolocation
- Hadoop 传递参数的四种方式
- vim快捷键整理大全 .
- Mybatis的学习之路(一)
- android 右上角menu创建设置
- 频道管理封装5步实现
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- linux 里 /etc/passwd 、/etc/shadow和/etc/group 文件内容解释
- css之px自动转rem
- 深入研究Spring-IoC:源码分析容器创建
- 数据结构 笔试 查找
- phpstorm 的xdebug配置
- NYOJ 106 背包问题
- 关键字static和class的区别
- 使用Pyenv通过国内镜像下载Python(绕过官方下载地址)