html5地理位置定位功能小析
Geolocationd 基本原理
1.GPS
GPS基本原理是测量出已知位置的卫星到用户接收机之间的距离，然后综合多颗卫星的数据就可知道接收机的具体位置。适用于具备GPS功能的设备
（1）优点：在空旷地区比较准确，覆盖面比较广
（2）缺点：需要比较长时间定位，比较耗电池，在室内不太好，需要GPS设备支持
2.WIFI
地理定位服务提供者会在全世界范围内去收集WIFI热点位置信息，然后用户的设备只要能支持WIFI就能获取到周围WIFI热点的位位置和信号强弱信息，然后把这些信息发给提供者，就能得到自己的位置。
（1）优点：比较准确，适用于室内环境，相应速度快。
（2）缺点：在WiFi热点少的地方不适用
3.IP定位
通过你设备的物理地址所备案的地址信息来定位，但这种方式精确度不高，特别是用代理来上网的情况下。一般作为GPS和WIFI都不支持的情况下大致模糊匹配，比如各大团购网站监测用户所在城市。
4.手机基站
和WIFI原理类似，Apple的设备就是把WIFI和基站信息结合起来进行定位
代码实现：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//成功时获取位置信息
function success(position) {
alert(position.coords.latitude);
alert(position.coords.longitude); //错误时获取有关的信息
function error(errorCode) {
alert(errorCode.code + '--' + errorCode.message);
// 错误代码及错误的具体信息
} var options = {};
//options中的一些参数
//options是一个对象，可以设置超时时间，缓存时间等，如下：
//enableHighAccuracy表示是否允许使用高精度，但这个参数在很多设备上设置了没用，设备综合考虑电量，地理情况等，很多时候都是默认由设备自身来调整
//timeout指定超时时间
//maximumAge是指缓存的时间
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success, error, options)
} else {
alert('你浏览器out啦!')
}
}
// getCurrentPosition(success,error,options)是geolocation的一个方法，此外还有两个方法：
//1.watchPosition(success,error,options)表示重复获取地理位置，相当于将getCurrentPosition这个方法利用setinterval不断执行，其他用法和参数使用一样
//2.clearWatch()用来清除前一次获取的位置信息。
//这两个方法配合使用，能够实现一些很棒的功能，比如导航等！
</script>
</body>
</html>
html5地理位置定位功能小析的更多相关文章
- HTML5 地理位置定位（HTML5 Geolocation）原理及应用
地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用.今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个 ...
- [Javascript] HTML5 地理位置定位（HTML5 Geolocation）原理及应用
地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用.今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个 ...
- HTML5 地理位置定位API（1）
地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用.今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个 ...
- HTML5 地理位置定位API（3）
HTML5 地理位置定位实例 这篇文章主要为大家介绍了HTML5地理定位的方法,实例讲述了html5获取坐标完整实现过程, 并对比不同浏览器运行效果给出参考结果,需要的朋友可以参考下 本文实例讲述了h ...
- 使用HTML5地理位置定位到城市的方法及注意事项
介绍 本文将简述一下如何通过HTML5和百度地图开放平台提供的API来实现对浏览器的定位.实现效果为显示出用户所在的省市,即: XXX省 XXX市. 实现思路 利用HTML5 提供的API获取到用户的 ...
- HTML5 地理位置定位API（5）
HTML5 Geolocation API (地理位置应用程序接口) 目前PC浏览器支持情况: Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Intern ...
- HTML5 地理位置定位API（2）
HTML5 Geolocation API (地理位置应用程序接口) 目前PC浏览器支持情况: Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Intern ...
- HTML5 地理位置定位API（4）
地理定位(geolocation)是最令人兴奋,而且得到了广泛支持的一个新API.通过这套API, JavaScript代码能够访问到用户的 当前位置信息.当然,访问之前必须得到用户的明确许可,即同意 ...
- AngularJS进阶(二十)HTML5实现获取地理位置信息并定位功能
HTML5实现获取地理位置信息并定位功能 注:请点击此处进行充电! 前言 这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5.百度地图.谷歌地图等三种获取理位置信息并 ...
随机推荐
- Winform Textbox控件字体垂直居中
项目中遇到要求Textbox内的字体垂直居中的问题,在网上找一直没有理想的解决方案.后来发现可以通过设置控件的字体来达到预期的效果. 默认的Textbox的Font属性为 “宋体, 9pt”,效果如下 ...
- sharepoint关键位置
GAC:C:\Windows\assembly,也就是部署的位置: ISAPI位置,SharePoint API:C:\Program Files\Common Files\microsoft sha ...
- ASP.NET中的chart控件绑定SQL Server数据库
网上很多的chart控件的实例都没有绑定数据库,经过一番摸索后,终于实现了chart控件绑定数据库. 首先,在Visual Studio中建立一个网站,新建一个WebForm项目,名称为ChartTe ...
- 利用html5、websocket和opencv实现人脸检测
最近学习人脸识别相关的东西,在MFC下使用OpenCV做了一个简单的应用.训练需要较多的数据,windows应用程序终究还是不方便,于是想着做成CS模式:检测识别都放在服务器端,视频获取和显示都放在网 ...
- C#单例模式的多种写法
它的主要特点不是根据客户程序调用生成一个新的实例,而是控制某个类型的实例数量-唯一一个.(<设计模式-基于C#的工程化实现及扩展>,王翔).也就是说,单例模式就是保证在整个应用程序的生命周 ...
- Erlang--proplists结构解析
proplists 模块适用数据量较少的场景,处理配置文件和函数选项时常用.proplists对内部数据结构是Key-Value键值对形式,第一个元素做key用来查询和删除,如果一个key有多个值就会 ...
- A Game（洛谷 2734）
题目背景 有如下一个双人游戏:N(2 <= N <= 100)个正整数的序列放在一个游戏平台上,游戏由玩家1开始,两人轮流从序列的任意一端取一个数,取数后该数字被去掉并累加到本玩家的得分中 ...
- Web网站的几个并发量级
评价一个网站的“大小”,处于视角的不同,有很多种衡量的方法,类似文章数,页面数之类的数据非常明显,也没有什么可以争议的.但对于并发来说,争议非常之多,这里就从一个技术的角度开始,谈谈几个Web网站的数 ...
- Lintcode 372. O(1)时间复杂度删除链表节点
----------------------------------- AC代码: /** * Definition for ListNode. * public class ListNode { * ...
- Android学习杂记
Jni接口学习资料: http://www.cnblogs.com/lsnproj/archive/2012/01/09/2317519.html classLoader和插件化: http://bl ...