使用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 Geolocation
HTML5是现代网页开发的核心标准之一,其引入了许多新的特性和功能,其中之一就是Geolocation API。这个API允许web应用获取用户的地理位置信息,为构建位置感知的应用提供了强大的支持。"HTML5Geolocation-英文原版....
HTML5 Geolocation是一种在Web应用中获取用户地理位置信息的关键技术,它是HTML5标准的重要组成部分,使得开发者无需依赖浏览器插件就能实现定位功能。基于这项技术的考勤管理系统方案旨在利用现代浏览器的功能,...
HTML5 Geolocation是HTML5提供的一个标准API,允许网页和应用获取用户的地理位置信息,这对于开发基于用户位置的服务应用具有重要意义。下面将详细介绍HTML5 Geolocation相关知识点: 一、HTML5 Geolocation的核心...
HTML5 Geolocation API是Web开发中的一个重要工具,它允许网页应用程序获取访问设备的地理位置信息,如经纬度坐标、高度、速度等。这个API是HTML5标准的一部分,为开发者提供了无须借助外部插件就能实现地理位置服务...
HTML5的地理定位功能演示
基于HTML5_Geolocation_考勤管理系统 知识点1: HTML5简介 HTML5是近十年来Web(互联网)标准最巨大的飞跃,和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的使命是将Web带入一个成熟的应用平台,在这个平台...
HTML5 Geolocation(地理定位) HTML5 Geolocation(地理定位)用于定位用户的位置。 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户...
"基于Html5中geolocation API开发的交友应用网站"这一标题揭示了我们讨论的主题,即一个利用HTML5的Geolocation API构建的在线社交平台。Geolocation API是HTML5的一项重要功能,它允许网页应用获取用户的地理位置...
Python-Seeker是一个利用HTML5、JavaScript、jQuery和PHP技术构建的工具,旨在高精度地获取用户设备的各种信息,包括但不限于地理位置(GeoLocation)。这个项目主要面向开发者,特别是对网络应用监控、数据分析或...
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 的使用, 辅以直观明了的客户端和服务器端示例代码,让...