Turf distance 计算两个点（经纬度）的距离（米）

原创 已于 2022-05-31 10:35:23 修改 · 4.7k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

于 2020-07-14 11:20:52 首次发布
本文介绍如何使用Turf.js库中的distance方法来计算地球上两点之间的距离，该方法接收经纬度坐标作为输入参数，并返回以米为单位的距离。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

import * as turf from "@turf/turf";

const distance = (p1, p2) => {
  const v =
    turf.distance(turf.point(p1), turf.point(p2), {
      units: "kilometers",
    }) * 1000; //转换单位 米
  return v;
};

//p1,p2数组形式 [经度,纬度]

npm        github

空间分析实战指南：点到多边形的最短距离
孙霸天的专栏
07-11 988
虽然在前端实现起来相对简单，但后端的实现同样重要。比如，在需要进行批量校验的情况下，后端处理会更加便利。总的来说，我们最好还是根据具体情况来选择使用哪种方法。之前的示例中，我们使用的是同一个测试数据，可以看到计算结果存在一些小差异，约为20厘米。这主要是因为我们使用的投影参数有些许不同。
vue/leaflet/turf检测地图中选择的坐标点是否在电子围栏内
nlhhln的博客
01-08 378
使用leaflet开发的地图页面，添加了电子围栏功能（圆形和多边形两种），选择的坐标如果在电子围栏外，不可以继续操作，需要检测给出提示，下为示意图。查了不少资料，最终使用turf这个库，完成了需求，代码如下，希望能帮到你。注意：turf中默认坐标点经度在前，纬度在后 ，[经度，纬度]
35.（leaflet篇）leaflet+turf计算离点距离最近线上的点坐标.zip
09-17
下载如有问题，可私信博主。下载前建议先查看博客内容，其地址为：https://blog.csdn.net/QQ98281642/article/details/120341546
turf：计算面积、折线长度和两点距离
ll_883963的博客
11-09 2611
1.在index.html直接引用 <script> src="https://unpkg.com/@turf/turf@6.3.0/turf.min.js"></script> 2.npm install @turf/along 计算两点距离 var along = turf.along(line, 300, options); var from = turf.point([-75.343, 39.984]); var to = turf.point([-75.534,
turf安装和常见api使用
最新发布
2401_86231751的博客
06-23 496
Turf.js 是一个用于地理空间分析的 JavaScript 库，支持对 GeoJSON 数据进行操作和分析。
arcgis api 结合turf.js实现测距
QQ24382327博客
12-11 1238
turf.js是一个开源的空间分析库，主要用实现在网页端空间几何对象关系的计算，测距只是其中的一个简单功能。 计算两个点的距离： 计算两个点以上的线段的总长度： 源码地址：https://github.com/Turfjs/turf 官网文档： http://turfjs.org/ 代码中需引入turf.js库，可下载到本地，也可引用互联网上的，互联网在线引用： 全部代码，所有引用和地图均来自互联网，复制可直接打开： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
turf rhumbBearing distance destination
AllBluefm的专栏
04-15 915
计算(p1、p2)和正北方向的夹角，如图地图指向正北方向，p1、p2和正北方向的夹角是66.63。已知一个点，根据到这个点的距离、这个点和正北方向的夹角，计算出目标点的位置。用上面的p1+length+bearing，可验证p2的位置。计算(p1、p2)的距离。
turf.js中的点线面距离
weixin_43554160的博客
06-01 1530
依赖 <dependency> <groupId>com.mapbox.mapboxsdk</groupId> <artifactId>mapbox-sdk-turf</artifactId> <version>5.6.0</version> </dependency> 算法 FxTbLngLat.java /** * @description 经纬度数据实体 */ public cl
78.（leaflet篇）leaflet计算点离某个区域比较近.zip
03-30
Leaflet提供了LatLng对象的distanceTo方法，可以计算两个LatLng对象之间的直线距离。 为了判断点是否在某个区域内，我们需要知道区域的边界。在Leaflet中，区域通常表示为Polygon或MultiPolygon。Polygon是由闭合的...
``` const point1 = turf.point(tempPointsLonLat[dragIdIndex - 2]); const point2 = turf.point(tempPointsLonLat[dragIdIndex - 1]); const point3 = turf.point(tempPointsLonLat[dragIdIndex]); const distance1 = turf.distance(point1, point2); // 计算两点之间的距离 const distance2 = turf.distance(point2, point3); // 计算两点之间的距离 const midpointResult1 = turf.midpoint(point1, point2);//两个点的中心点 const midpointResult2 = turf.midpoint(point2, point3); var distanceM1 = (distance1 * 1000).toFixed(2) + '米' //两点之前的距离 var distanceM2 = (distance2 * 1000).toFixed(2) + '米' //两点之前的距离 var centerPoint1 = midpointResult1.geometry.coordinates //中心点 var centerPoint2 = midpointResult2.geometry.coordinates //中心点 if(centerLabelAll.length>0){ centerLabelAll[dragIdIndex-2].position = new Cesium.CallbackProperty(() => { return new Cesium.Cartesian3.fromDegrees(centerPoint1[0], centerPoint1[1],0.2)},false); centerLabelAll[dragIdIndex-1].position = new Cesium.CallbackProperty(() => { return new Cesium.Cartesian3.fromDegrees(centerPoint2[0], centerPoint2[1],0.2)},false); centerLabelAll[dragIdIndex-2].label.text =distanceM1 centerLabelAll[dragIdIndex-1].label.text = distanceM2 }```这样更新数据，视图没有更新
03-15
首先，代码中使用了Turf.js来计算两个点之间的距离和中间点，然后将这些数据应用到Cesium的CallbackProperty上。看起来逻辑是对的，但视图没有更新，可能的问题出在数据绑定或Cesium的渲染机制上。 检查...
turf-server-test:在服务器环境中测试 Turfjs
06-23
草坪服务器示例 演示在 服务器中使用 。 访问该页面将测量您的带宽，将其添加到地图中，并显示其他人网络速度的 TIN。 有关服务器代码，请参阅 ，有关与一起使用的面向客户端的代码，请参阅 。 用法 使用 ，只需单击上面的 Deploy 按钮。 除此以外： $ git clone https://github.com/mapbox/turf-server-example.git $ cd turf-server-example $ npm install $ npm start
js几何坐标计算（点到线，面。点是否在线、面）
10-17
js几何坐标计算（两点之间的距离，点到线，面之间的距离。点是否在线、面上，坐标转化，方位角计算。。。。）
Turf使用到的单位说明
DIY_Liu的博客
06-28 1174
这些单位和换算公式提供了一个全面的参考。
GIS 算法原理记录总结二：距离、方位角、沿线上的点的扩展算法及其使用（一）
碳学长的博客
10-08 1047
在了解了距离算法、方位角算法之后，就可以根据距离、方位角进行一些扩展应用。
[Mapbox GL]测量距离
每天写一点，进步一点点
12-27 5807
点击地图上的点来创建线条，使用turf.lineDistance测量距离 body { margin:0; padding:0; } #map { position:absolute; top:0; bottom:0; width:100%; } .distance-con
【已解决】leaflet-geoman画的圆，半径不准？turf中没有判断点在圆内的方法？
程序边界
05-13 1397
文章目录 leaflet-geoman画的圆，半径不准？turf中没有判断点在圆内的方法？ 两个问题一起解决！ 首先来看画好的圆会有一个layer对象： 可以看到里面有_mRadius、_radius、_radiusY可是经过验证，都不是以 米、千米、英里、海里 为单位。。。 那怎么玩？ 在issue里也没有找到解决方案 后来通过不懈努力，终于在layer的层层属性中找到了可以用的数据： 圆周上的200个点的latlng值！！！ 这样不就更好了吗！！！ 绝对是精确的半径！！！ layer.pm._h
百度地图标注平滑移动
weixin_42485388的博客
08-02 1631
定义marker平滑移动 基本的思路就是将两个坐标点之间平分为n个坐标，然后一次一次setPosition就可以了，按照我之前的做法，定义一个定时函数，移除标注，添加标注，那样做，思路是对的 但是明显看到小车在跳动，后面参照uber的mapbox，添加一个动画，基本就实现了，引用一个turf.min.js,下载地址turn.min.js,具体代码如下 ...
cesium 用turf计算夹角角度
weixin_45617978的博客
03-17 2639
@TOC Cesium运用turf.js计算夹角角度 Cesium计算两条线的夹角角度 之前的一个需求，就是实时计算两条线之间的夹角角度，看了一下Turf库，只看到了计算两点之间的方位角，想了一下，似乎也能完成此需求。 下面我们来完成此需求 `. function angle(e){ //这里我是每整个点数组传进来 let points = e.graphic.points; let start; //第一个点 let end_o; //往后推一个点 let end_s; //当点多于
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值