使用 html5 测量特定位置和当前位置之间的距离
Measuring distance between specific and current position with html5
正如标题所暗示的那样。知道如何做到这一点吗?
一直在看 http://www.html5archive.com/2010/12/04/geolocation-api-example-distance-tracking/一段时间并试图修改该代码,但没有运气。
它最初不需要自动刷新。
但基本功能应该获取用户位置并告诉用户与特定点之间的距离。
密钥代码位于此页面上,与您指定的密钥链接。我已将其转换为以下函数:
/** Extend Number object with method to convert numeric degrees to radians */
if (typeof Number.prototype.toRadians == 'undefined') {
Number.prototype.toRadians = function() { return this * Math.PI / 180; };
}
function getDistance(lat1,lon1,lat2,lon2) {
var R = 6371; // km
var dLat = (lat2-lat1).toRadians();
var dLon = (lon2-lon1).toRadians();
var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
Math.cos(lat1.toRadians()) * Math.cos(lat2.toRadians()) *
Math.sin(dLon/2) * Math.sin(dLon/2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
return R * c;
}
您需要将特定的 lat 和 lon 作为前两个参数传递它,并将当前的 lat 和 lon 作为后两个参数传递给它。
相关文章:
- UI 路由器 - 在状态之间转换时记住滚动位置
- javascript中两个位置之间的距离
- Three.js-查找鼠标最后位置和当前位置之间的所有交点
- jQuery/CSS在幻灯片之间的转换扰乱了位置:修复了幻灯片内部的性能
- 仅使用 CSS 即可在位置之间制作动画
- 获取两个位置之间的距离和时间的功能
- 两个位置之间的距离 - 谷歌地图
- Parse.com云代码,计算两个位置之间的行驶距离
- 绘制两个位置之间的单元格
- 获取@和文本区域当前位置之间的出现次数
- 滚动时在两个预设位置之间移动对象
- 谷歌位置Api找到附近的位置与当前位置和附近位置之间的距离排序
- 计算两个位置之间的距离谷歌地图Api
- 使用Google Maps API V3计算当前位置和不同位置之间的距离
- 如何找到窗口顶部位置和我的iframe开始位置之间的距离
- 在HTML地图上绘制两个位置之间的路线
- 通过提供源和目标 .NET 或 JavaScript 的纬度和经度来计算两个位置之间的道路距离
- 使用 html5 测量特定位置和当前位置之间的距离
- Google Maps JavaScript API v3 在两个位置之间绘制线条
- 如何在新旧目标位置之间平滑地平移