使用HTML5 Geolocation构建应用
一个重要的计算距离的公式,Haversine公式:
- Number.prototype.toRadians = function() {
- return this * Matn.PI / 180;
- }
-
- function distance(latitude1, longitude1, latitude2, longitude2) {
- var R = 6371;
- var deltaLatitude = (latitude2 - latitude1).toRadians();
- var deltaLongitude = (longitude2 - longitude1).toRadians();
- latitude1 = latitude1.toRadians();
- latitude2 = latitude2.toRadians();
-
- var a = Math.sin(deltaLatitude/2) * Math.sin(deltaLatitude/2) +
- Math.cos(latitude1) * Math.cos(latitude2) *
- Math.sin(deltaLongitude/2) * Math.sin(deltaLongitude/2);
- var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
- var d = R * c;
- return d;
- }
分享到:
相关推荐
HTML5定位技术,用于手机应用,网页的定位技术,和地图结合的很好,应该适当些时髦的技术
HTML5 Geolocation
HTML5Geolocation-英文原版.zip
基于HTML5Geolocation考勤管理系统方案.doc
HTML5的地理定位功能演示
主要介绍了Html5 Geolocation获取地理位置信息实例,具有一定的参考价值,有兴趣的同学可以了解一下。
HTML5 Geolocation(地理定位) HTML5 Geolocation(地理定位)用于定位用户的位置。 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户...
Geolocation是HTML5标准下的一个Web API,利用它可以获取设备的当前位置信息(坐标),本篇文章主要介绍了三个方法,非常具有实用价值,需要的朋友可以参考下
HTML5 Geolocation(地理定位)用于定位用户的位置。那么如何实现一个距离追踪器呢?我的思路是这样的,前提是浏览器支持h5地理定位,在这个基础上,获取用户位置,更新用户位置,计算距离,显示到页面,这样就简单...
ng地理定位器 让用户借助 HTML5 Geolocation API 和 Google Maps 告诉您他们在哪里。 现场演示: : 该项目使用作为起点。安装 npm install --save ng-geolocator或者 bower install --save ng-geolocator入门有关...
MockGeolocation 是一个用于模拟 html 5 geolocation api 的库。 用法 // simulate a geolocation MockGeolocation.setCurrentLatLng(53.4152431, -8.2390307) // get current position navigator.geolocation....
arcgis-dijit-locate-button-js特征一个简单的 dijit 按钮,点击后使用 HTML5 Geolocation(如果可用)导航到用户当前位置。指示基本使用 var myWidget = new locateButton({ map: myMap,}, "locateButton");...
本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...
本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...
从第2 章起,分别围绕构建令人神往的富web 应用,逐一讨论了html5 的canvas、geolocation 、communication、websocket、forms、web workers、storage 等api 的使用, 辅以直观明了的客户端和服务器端示例代码,让...
本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...
本书合并了O’Reilly出版的《HTML5 Geolocation》与《HTML5:等轴实时游戏开发》两本书的内容。第一部分介绍了HTML5 Geolocation API。使用这种API,开发人员不必针对特定设备编程,就能够在浏览器中直接编写地理定位...