`

html5 geolocation

阅读更多
使用HTML5 Geolocation构建应用
一个重要的计算距离的公式,Haversine公式:
 
Javascript实现的haversine公式代码  收藏代码
  1. Number.prototype.toRadians = function() {  
  2.     return this * Matn.PI / 180;  
  3. }  
  4.   
  5. function distance(latitude1, longitude1, latitude2, longitude2) {  
  6.     var R = 6371;  
  7.     var deltaLatitude = (latitude2 - latitude1).toRadians();  
  8.     var deltaLongitude = (longitude2 - longitude1).toRadians();  
  9.     latitude1 = latitude1.toRadians();  
  10.     latitude2 = latitude2.toRadians();  
  11.   
  12.     var a = Math.sin(deltaLatitude/2) * Math.sin(deltaLatitude/2) +  
  13.                 Math.cos(latitude1) * Math.cos(latitude2) *  
  14.                 Math.sin(deltaLongitude/2) * Math.sin(deltaLongitude/2);  
  15.     var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));  
  16.     var d = R * c;  
  17.     return d;  
  18. }  
分享到:
评论

相关推荐

    HTML5Geolocation.pdf 英文原版

    HTML5 Geolocation

    HTML5Geolocation-英文原版.zip

    HTML5是现代网页开发的核心标准之一,其引入了许多新的特性和功能,其中之一就是Geolocation API。这个API允许web应用获取用户的地理位置信息,为构建位置感知的应用提供了强大的支持。"HTML5Geolocation-英文原版....

    基于HTML5Geolocation考勤管理系统方案.doc

    HTML5 Geolocation是一种在Web应用中获取用户地理位置信息的关键技术,它是HTML5标准的重要组成部分,使得开发者无需依赖浏览器插件就能实现定位功能。基于这项技术的考勤管理系统方案旨在利用现代浏览器的功能,...

    HTML5 Geolocation API的正确使用方法

    HTML5 Geolocation API是Web开发中的一个重要工具,它允许网页应用程序获取访问设备的地理位置信息,如经纬度坐标、高度、速度等。这个API是HTML5标准的一部分,为开发者提供了无须借助外部插件就能实现地理位置服务...

    HTML5 geoLocation API

    HTML5的地理定位功能演示

    基于HTML5_Geolocation_考勤管理系统.doc

    基于HTML5_Geolocation_考勤管理系统 知识点1: HTML5简介 HTML5是近十年来Web(互联网)标准最巨大的飞跃,和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的使命是将Web带入一个成熟的应用平台,在这个平台...

    HTML5 Geolocation(地理定位)

    HTML5 Geolocation(地理定位) HTML5 Geolocation(地理定位)用于定位用户的位置。 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户...

    Html5 Geolocation获取地理位置信息实例

    HTML5 Geolocation是HTML5提供的一个标准API,允许网页和应用获取用户的地理位置信息,这对于开发基于用户位置的服务应用具有重要意义。下面将详细介绍HTML5 Geolocation相关知识点: 一、HTML5 Geolocation的核心...

    基于Html5 中 geolocation API 开发的交友应用网站.zip

    "基于Html5中geolocation API开发的交友应用网站"这一标题揭示了我们讨论的主题,即一个利用HTML5的Geolocation API构建的在线社交平台。Geolocation API是HTML5的一项重要功能,它允许网页应用获取用户的地理位置...

    Python-Seeker利用HTML5JavascriptJQuery和PHP以高精度获取设备信息和GeoLocation

    Python-Seeker是一个利用HTML5、JavaScript、jQuery和PHP技术构建的工具,旨在高精度地获取用户设备的各种信息,包括但不限于地理位置(GeoLocation)。这个项目主要面向开发者,特别是对网络应用监控、数据分析或...

    使用HTML5 Geolocation实现一个距离追踪器

    HTML5 Geolocation(地理定位)用于定位用户的位置。那么如何实现一个距离追踪器呢?我的思路是这样的,前提是浏览器支持h5地理定位,在这个基础上,获取用户位置,更新用户位置,计算距离,显示到页面,这样就简单...

    ngGeolocator:让用户在 HTML5 Geolocation API 和 Google Maps 的帮助下告诉你他们在哪里

    ng地理定位器 让用户借助 HTML5 Geolocation API 和 Google Maps 告诉您他们在哪里。 现场演示: : 该项目使用作为起点。安装 npm install --save ng-geolocator或者 bower install --save ng-geolocator入门有关...

    mockgeolocation:用于模拟 html 5 geolocation api 的库

    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 导航到用户当前位置(如果可用)

    arcgis-dijit-locate-button-js特征一个简单的 dijit 按钮,点击后使用 HTML5 Geolocation(如果可用)导航到用户当前位置。指示基本使用 var myWidget = new locateButton({ map: myMap,}, "locateButton");...

    完整版《HTML5高级程序设计》5

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    完整版《HTML5高级程序设计》2

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    HTML5高级程序设计

    从第2 章起,分别围绕构建令人神往的富web 应用,逐一讨论了html5 的canvas、geolocation 、communication、websocket、forms、web workers、storage 等api 的使用, 辅以直观明了的客户端和服务器端示例代码,让...

Global site tag (gtag.js) - Google Analytics