【面向HTML5--地理定位】
2017-10-08 16:51
204 查看
Geolocation:地理定位,获取当前浏览器所在的地理坐标信息(包括经度、纬度、海拔高度、移动速度),实现LBS应用(Location Based Service)——基于定位的服务,如订餐、面对面XX、导航、消息推送等。
技术上如何获取浏览器所在的地理坐标:
(1)手机浏览器:
(2)PC浏览器:
HTML5提供了一个新的对象,专用于读取地理定位信息:
核心代码:
技术上如何获取浏览器所在的地理坐标:
(1)手机浏览器:
可以通过自带的GPS芯片与卫星定位通信——精确在m级; 还可以通过手机通信基站来定位——精度在km级
(2)PC浏览器:
通过IP地址反向推导出浏览器定位信息——精度在km级
HTML5提供了一个新的对象,专用于读取地理定位信息:
window.navigator.geolocation { getCurrentPosition():得到当前定位信息 watchPosition():监视定位数据的改变 clearWatch():清除定位监视 }
核心代码:
navigator.geolocation.getCurrentPosition( function(pos){ //定位成功 console.log(pos.timestamp) console.log(pos.coords.longitude/latitude/altitude/speed ); }, function(err){ //定位失败 console.log(err.code + err.message); } );
相关文章推荐
- HTML5-Geolocation(地理定位功能)
- HTML5 地理位置定位(HTML5 Geolocation)
- html5 地理定位
- HTML5 实现地理定位,在谷歌地图上显示你的位置
- Android与HTML5中的地理信息定位,Android+Html5定位原理
- Android WebView从assets中加载html5页面,实现地理位置定位
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- html5--位置感知(基于js的地理定位geolocation API)结合Google Maps
- 小强的HTML5移动开发之路(18)——HTML5地理定位
- html5之使用地理定位
- HTML5 地理位置定位 API 接口开发
- HTML5地理定位,百度地图API,知识点熟悉
- HTML5——拖拽,地理定位,web存储,缓存
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- 用HTML5、地理定位API和Web服务来开发移动应用
- HTML5 地理位置定位(HTML5 Geolocation)
- HTML5 地理定位
- HTML5--关于Geolocalition(地理定位)
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- HTML5学习笔记 Geolocation(地理定位)