- 浏览: 3362006 次
- 性别:
- 来自: 珠海
文章分类
- 全部博客 (1633)
- Java (250)
- Android&HTML5 (111)
- Struts (10)
- Spring (236)
- Hibernate&MyBatis (115)
- SSH (49)
- jQuery插件收集 (55)
- Javascript (145)
- PHP (77)
- REST&WebService (18)
- BIRT (27)
- .NET (7)
- Database (105)
- 设计模式 (16)
- 自动化和测试 (19)
- Maven&Ant (43)
- 工作流 (36)
- 开源应用 (156)
- 其他 (16)
- 前台&美工 (119)
- 工作积累 (0)
- OS&Docker (83)
- Python&爬虫 (28)
- 工具软件 (157)
- 问题收集 (61)
- OFbiz (6)
- noSQL (12)
最新评论
-
HEZR曾嶸:
你好博主,这个不是很理解,能解释一下嘛//左边+1,上边+1, ...
java 两字符串相似度计算算法 -
天使建站:
写得不错,可以看这里,和这里的这篇文章一起看,有 ...
jquery 遍历对象、数组、集合 -
xue88ming:
很有用,谢谢
@PathVariable映射出现错误: Name for argument type -
jnjeC:
厉害,困扰了我很久
MyBatis排序时使用order by 动态参数时需要注意,用$而不是# -
TopLongMan:
非常好,很实用啊。。
PostgreSQL递归查询实现树状结构查询
百度地图
百度地图为什么不支持输入经纬度来搜索? http://www.zhihu.com/question/24881720
百度坐标查询: http://api.map.baidu.com/lbsapi/getpoint/
百度地图坐标转换APIhttp://developer.baidu.com/map/changeposition.htm
百度地图API详解之坐标系转换 http://www.cnblogs.com/jz1108/archive/2011/10/11/2207245.html
百度地图示例 http://developer.baidu.com/map/jsdemo.htm#a1_2
参数以及意义参考: http://www.haorooms.com/post/html5_GPS_getCurrentPosition
原文:http://xbingoz.com/152.html
在HTML5中,geolocation作为navigator的一个属性出现,它本身是一个对象,拥有三个方法:
- getCurrentPosition
- watchPosition
- clearWatch
具体用法如下:
geolocation的使用方法并不复杂,但是其实现原理比较有意思。
百度地图为什么不支持输入经纬度来搜索? http://www.zhihu.com/question/24881720
百度坐标查询: http://api.map.baidu.com/lbsapi/getpoint/
百度地图坐标转换APIhttp://developer.baidu.com/map/changeposition.htm
百度地图API详解之坐标系转换 http://www.cnblogs.com/jz1108/archive/2011/10/11/2207245.html
百度地图示例 http://developer.baidu.com/map/jsdemo.htm#a1_2
参数以及意义参考: http://www.haorooms.com/post/html5_GPS_getCurrentPosition
原文:http://xbingoz.com/152.html
在HTML5中,geolocation作为navigator的一个属性出现,它本身是一个对象,拥有三个方法:
- getCurrentPosition
- watchPosition
- clearWatch
具体用法如下:
//判断浏览器是否支持geolocation if(navigator.geolocation){ // getCurrentPosition支持三个参数 // getSuccess是执行成功的回调函数 // getError是失败的回调函数 // getOptions是一个对象,用于设置getCurrentPosition的参数 // 后两个不是必要参数 var getOptions = { //是否使用高精度设备,如GPS。默认是true enableHighAccuracy:true, //超时时间,单位毫秒,默认为0 timeout:5000, //使用设置时间内的缓存数据,单位毫秒 //默认为0,即始终请求新数据 //如设为Infinity,则始终使用缓存数据 maximumAge:0 }; navigator.geolocation.getCurrentPosition(getSuccess, getError, getOptions); //成功回调 function getSuccess(position){ // getCurrentPosition执行成功后,会把getSuccess传一个position对象 // position有两个属性,coords和timeStamp // timeStamp表示地理数据创建的时间?????? // coords是一个对象,包含了地理位置数据 console.log(position.timeStamp); // 估算的纬度 console.log(position.coords.latitude); // 估算的经度 console.log(position.coords.longitude); // 估算的高度 (以米为单位的海拔值) console.log(position.coords.altitude); // 所得经度和纬度的估算精度,以米为单位 console.log(position.coords.accuracy); // 所得高度的估算精度,以米为单位 console.log(position.coords.altitudeAccuracy); // 宿主设备的当前移动方向,以度为单位,相对于正北方向顺时针方向计算 console.log(position.coords.heading); // 设备的当前对地速度,以米/秒为单位 console.log(position.coords.speed); // 除上述结果外,Firefox还提供了另外一个属性address if(position.address){ //通过address,可以获得国家、省份、城市 console.log(position.address.country); console.log(position.address.province); console.log(position.address.city); } } //失败回调 function getError(error){ // 执行失败的回调函数,会接受一个error对象作为参数 // error拥有一个code属性和三个常量属性TIMEOUT、PERMISSION_DENIED、POSITION_UNAVAILABLE // 执行失败时,code属性会指向三个常量中的一个,从而指明错误原因 switch(error.code){ case error.TIMEOUT: console.log('超时'); break; case error.PERMISSION_DENIED: console.log('用户拒绝提供地理位置'); break; case error.POSITION_UNAVAILABLE: console.log('地理位置不可用'); break; default: break; } } // watchPosition方法一样可以设置三个参数 // 使用方法和getCurrentPosition方法一致,只是执行效果不同。 // getCurrentPosition只执行一次 // watchPosition只要设备位置发生变化,就会执行 var watcher_id = navigator.geolocation.watchPosition(getSuccess, getError, getOptions); //clearwatch用于终止watchPosition方法 clearWatch(watcher_id); }
geolocation的使用方法并不复杂,但是其实现原理比较有意思。
发表评论
-
html5调用手机拍照并压缩上传
2016-06-24 15:36 1168http://my.oschina.net/zyxchuxin ... -
HTML调用PC摄像头
2016-04-06 09:31 1682http://www.oschina.net/code/sni ... -
微信JS-SDK获取signature签名以及config配置
2016-02-16 11:31 3087原文看:http://1017401036.iteye.com ... -
Html5添加移动触摸的网页版PDF格式文件阅读器插件
2016-01-07 15:30 1844http://my.oschina.net/u/2505907 ... -
js canvas 照片旋转 demo
2015-12-26 17:52 1482http://my.oschina.net/u/1259707 ... -
静态网站生成器 Lektor
2015-11-18 09:24 1235http://www.oschina.net/p/lektor ... -
history.js 一个无刷新就可改变浏览器栏地址的插件(不依赖jquery)
2015-11-10 21:27 1056http://ourjs.com/detail/5507ed1 ... -
如何使用js、html5在浏览器直接打开pdf文档
2015-11-03 22:32 8620http://q.cnblogs.com/q/48507/ ... -
jquery三种支持手机触屏的插件库
2015-10-28 14:30 1315http://my.oschina.net/u/2395167 ... -
Android 应用热修复工具 AndFix
2015-09-16 08:42 1299http://www.oschina.net/p/andfix ... -
【gloomyfish】关于手机网站你想知道的一切
2015-09-15 21:48 839http://blog.csdn.net/jia20003/a ... -
java 判断请求来自手机或电脑
2015-09-15 21:42 939java 判断 android、iphone等 ... -
Cordova例子
2014-11-21 17:11 2887官方文档:http://cordova.apache.org/ ... -
Android AVD创建及设置中各参数详解
2014-11-19 16:49 1192http://zhongyankeji.blog.163.co ... -
PhoneGap的例子
2014-11-19 10:06 2379cordova命令行详解: http: ... -
Zepto.js与jquery的比较
2014-11-12 15:49 1823http://my.oschina.net/u/1791195 ... -
在android的webview中实现websocket
2014-07-23 21:29 2030在android的webview中实现websocket ht ... -
原生:在Android开发中调用Restful web服务
2014-07-23 21:27 1664在Android开发中调用Rest web服务 http:// ... -
Android+REST WebService服务方式手机开发
2014-07-23 21:27 860Android+REST WebService服务方式手机开发 ... -
资源: 移动开发框架插件收集
2014-07-22 21:24 1906加速Web开发的9款知名HTML5框架 http://www. ...
相关推荐
Geolocation是HTML5标准下的一个Web API,利用它可以获取设备的当前位置信息(坐标),本篇文章主要介绍了三个方法,非常具有实用价值,需要的朋友可以参考下
HTML5的地理定位功能演示
地理定位 使用 PHP 实现的 Google Geolocation API。
HTML5定位技术,用于手机应用,网页的定位技术,和地图结合的很好,应该适当些时髦的技术
为了顺应这个潮流,HTML5为我们提供了Geolocation库,有了它我们就能够在Web应用中轻而易举地实现上述这些功能。那么今天我就为大家介绍一下这个库的使用。 基本用法 首先,我们可以从浏览器的navigator对象中通过...
html开发
HTML5 Geolocation
Angular的地理位置API 部分 这是与Angular一起使用的基于基于Observable的抽象安装如果您没有 : npm i @ng-web-apis/common现在安装软件包: npm i @ng-web-apis/geolocation如何使用GeolocationService ...
HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。 浏览器支持 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持...
MockGeolocation 是一个用于模拟 html 5 geolocation api 的库。 用法 // simulate a geolocation MockGeolocation.setCurrentLatLng(53.4152431, -8.2390307) // get current position navigator.geolocation....
第一部分介绍了HTML5 Geolocation API。使用这种API,开发人员不必针对特定设备编程,就能够在浏览器中直接编写地理定位应用。这部分共6章,介绍了Geolocation API在浏览器代码中的使用,并通过大量示例向读者展示其...
您需要具有访问Google Maps Geolocation API的Google API密钥。 例子 const geolocation = require ( 'google-geolocation' ) ( { key : 'api key' } ) ; // Configure API parameters const params = { ...
HTML5Geolocation-英文原版.zip
第一部分介绍了HTML5 Geolocation API。使用这种API,开发人员不必针对特定设备编程,就能够在浏览器中直接编写地理定位应用。这部分共6章,介绍了Geolocation API在浏览器代码中的使用,并通过大量示例向读者展示其...
ng地理定位器 让用户借助 HTML5 Geolocation API 和 Google Maps 告诉您他们在哪里。 现场演示: : 该项目使用作为起点。安装 npm install --save ng-geolocator或者 bower install --save ng-geolocator入门有关...
本书首先介绍了html5 的历史背景、新的语义标签及与以往html 版本相比的根本变化,同时揭示了html5 背后的设计原理。从第2 章起,分别围绕构建令人神往的富web 应用,逐一讨论了html5 的canvas、geolocation 、...
基于HTML5Geolocation考勤管理系统方案.doc