【地理库 Turf.js】

最新推荐文章于 2025-01-08 16:24:19 发布

wn531

最新推荐文章于 2025-01-08 16:24:19 发布

阅读量480

点赞数 2

文章标签： node.js 地理库 javascript

本文链接：https://blog.csdn.net/qq_38428433/article/details/140061711

版权

非常全面的地理库，这里枚举一些比较常用，重点的功能，

重点功能

提供地理相关的类：包括点，线，面等类。
测量功能：点到线段的距离，点和线的关系等。
判断功能：点是否在线上，是否在多边形内，线是否交叉等。
坐标系转换：UTM 和 WGS84转换，角度弧度转换等。

结语

当然你可以自己实现一个，重复造轮子好坏明显，还需斟酌。但是可能有潜在问题，所以有时选一个合适的三方库也是个不错的选择。

https://turfjs.fenxianglu.cn/category/#npm

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wn531

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Turf.js - 地理空间分析库，处理各种地图算法

King Saj

09-06

705

根据两点坐标生成大圆航迹点

奋斗羊羊的博客

01-29

1130

把地球看做一个球体，通过地面上任意两点和地心做一平面，平面与地球表面相交看到的圆周就是大圆。两点之间的大圆劣弧线是两点在地面上的最短距离。沿着这一段大圆弧线航行时的航线称为大圆航线。由于大圆航线是两点之间的最短航线，故有时称为最经济航线。大圆航线的计算包括初始航向角、航程、各分点坐标的计算。大圆航线距离最短，但导航较困难。因此实用中通常采用长距离靠近大圆航线，而短距离走等角航线的作法。

参与评论您还未登录，请先登录后发表或查看评论

TURF JS 介绍

liuwei200000的专栏

04-18

3145

Turf.js是一个由MapBox公司研发的基于浏览器端的空间分析库，它使用JavaScript编写，通过npm进行包管理。这个库为地理空间计算提供了丰富的功能，包括但不限于点线面的创建、缓冲区计算、距离计算以及区域合并等。这使得在前端应用中处理地理空间数据和实现地图相关功能变得相对简单。Turf.js的模块化设计使得它不仅可以在浏览器端使用，而且可以通过Node.js在服务端使用。它原生支持GeoJSON矢量数据，GeoJSON的优点在于其结构简单，得到了所有网页地图API的支持。

利用Turf.js实现点线面几何体的拓扑关系判断

热门推荐

高端客户

11-16

1万+

通过官网http://turfjs.org/或者github https://github.com/Turfjs/turf了解第一步：先引用js文件 <script src='https://npmcdn.com/@turf/turf/turf.min.js'></script> 第二步：调用函数,判断关系 booleanClockwise(line) //线是否...

【已解决】leaflet-geoman画的圆，半径不准？turf中没有判断点在圆内的方法？

程序边界

05-13

1369

文章目录 leaflet-geoman画的圆，半径不准？turf中没有判断点在圆内的方法？两个问题一起解决！首先来看画好的圆会有一个layer对象：可以看到里面有_mRadius、_radius、_radiusY可是经过验证，都不是以米、千米、英里、海里为单位。。。那怎么玩？在issue里也没有找到解决方案后来通过不懈努力，终于在layer的层层属性中找到了可以用的数据：圆周上的200个点的latlng值！！！这样不就更好了吗！！！绝对是精确的半径！！！ layer.pm._h

七、使用turf.polygon判断点是否在面内部

Yugoup的博客

01-22

1215

使用turf.polygon判断点是否在面内部

Turf.js介绍

tigerhhzz的博客

09-07

3179

Turf.js 可以进行地理空间数据的插值计算，例如将离散的点数据通过插值算法生成连续的表面，从而实现数据的光滑化和可视化。Turf.js 可以进行复杂的地理空间数据分析，例如计算面要素的面积、计算线要素的方向、查找最近的点等。Turf.js 支持对地理空间数据进行统计分析，例如计算点要素在多边形内的数量、计算线要素的长度等。Turf.js 可以用于计算地理空间要素之间的距离，例如计算两个点之间的直线距离或计算线要素的长度。地理数据分析：对地理空间数据进行复杂的计算和分析，如寻找最近的点、聚合数据等。

turf_dart:一个类似 turf.js 的地理空间分析库，使用 GeoJSON，用纯 Dart 编写

05-31

一个的地理空间分析库，使用 GeoJSON，用纯 Dart 编写。这包括一个完全符合的 GeoJSON 对象表示和序列化。大多数实现是从直接翻译的。组件测量沿着区域盒子 bbox多边形中央质心质心信封长度 ...

turf-utils:一些增强turf.js库的工具方法

03-16

在GIS（地理信息系统）领域，JavaScript库Turf.js是一个非常强大的开源库，用于处理地理空间数据和执行各种空间分析任务。Turf.js提供了丰富的API，帮助开发者进行地图操作、几何对象处理、距离计算等。而"turf-...

Turf.jl：Turf.js的Julia端口http：turfjs.org

01-31

Turf.jl是Turf.js的Julia实现，Turf.js是一个流行的开源JavaScript库，专门用于处理地理空间数据和执行地理空间分析。这个库的设计目标是为开发人员提供简单、易用的API，以便在Web应用中进行地理空间操作。Turf.js...

turf.min.js下载-等值线-等值面-求两线交点等

12-17

是用JavaScript编写的模块化GIS地理空间引擎，用于空间分析的JavaScript库。它包括传统的空间操作，用于创建GeoJSON数据的辅助函数，以及数据分类、空间计算和统计工具。支持等值线、等值面、求两线相交交点等功能 ...

js几何坐标计算（点到线，面。点是否在线、面）

10-17

js几何坐标计算（两点之间的距离，点到线，面之间的距离。点是否在线、面上，坐标转化，方位角计算。。。。）

javascript 判断点在面内，点在圆内

Dengzj_GISER

05-08

8053

点在多边形内常用的算法就是使用射线法，作为笔记直接上代码： /** * 判断一个点是否在多边形内部 * @param points 多边形坐标集合 * @param testPoint 测试点坐标 * 返回true为真，false为假 * */ function insidePolygon(points, te...

vue/leaflet/turf检测地图中选择的坐标点是否在电子围栏内

nlhhln的博客

01-08

336

使用leaflet开发的地图页面，添加了电子围栏功能（圆形和多边形两种），选择的坐标如果在电子围栏外，不可以继续操作，需要检测给出提示，下为示意图。查了不少资料，最终使用turf这个库，完成了需求，代码如下，希望能帮到你。注意：turf中默认坐标点经度在前，纬度在后，[经度，纬度]

Cesium 简单航飞线路规划，模拟飞行扫描效果

Zk的博客

06-16

6343

Cesium 简单航飞线路规划，模拟飞行扫描效果。

JS判断点是否在线段上

bool的博客

05-18

4010

最近在开发gis系统，需要用到在线段上添加点的功能，线段是由很多点连接起来的，所以就要判断点在那一段线段里面，然后插入点。点是否在线段上可以转换为三点是否共线的问题：三点是否共线可以通过判断斜率来判断：设有 p1,p2,q三点，判断三点是否共线: 公式： k1 = (p2.y - p1.y)/(p2.x - p1.x) k2 = (q.y - p1.y)/(q.x - p1.x) 如果k1 === k2就表示三点共线但是在计算机中，点的计算是浮点型，需要设定一个阈值这里阈值设置为

三、判断绘制的图形是否在某一区域内

Yugoup的博客

01-22

495

isOut 判断绘制的图形是否超出某一区域。

React利用turf插件判断点是否在面内（包含点在面边界，openlayers无法判断）

qq_37967853的博客

02-10

791

React利用turf插件判断点是否在面内（包含点在面边界）

利用Leaflet.js和turf.js创建交互式地图：航道路线绘制

小金子J的博客

09-19

1130

在本文中，我们探讨了如何利用Leaflet.js和turf.js这两个强大的JavaScript库来创建一个交互式地图组件，专门用于绘制和编辑航道。通过详细的步骤和代码示例，我们展示了如何初始化地图、加载底图、绘制航道、以及动态更改航道样式。文章还提供了如何优化代码展示的建议，以提高代码的可读性和实用性。最终，我们成功实现了一个功能丰富的地图应用，它不仅增强了用户的交互体验，而且可以广泛应用于航海、城市规划和地理信息系统等领域。

three.js开发地图

最新发布

02-20

### 如何使用Three.js创建3D地图或地理可视化 #### 准备工作环境为了能够顺利地利用Three.js进行3D地图的开发，首先需要准备好项目的工作环境。这通常意味着安装Node.js以及设置好Web服务器来托管静态文件。对于Shapefile到GeoJSON转换过程中的命令行工具GDAL，则需确保其已正确配置于操作系统环境中[^1]。 ```bash mkdir geojson for f in *.shp; do ogr2ogr -f GeoJSON -t_srs EPSG:6677 "geojson/${f%.*}.geojson" $f; done ``` 上述脚本展示了如何批量处理Shapefiles并将其转化为适合web应用使用的GeoJSON格式的数据集。EPSG:6677参数指定了目标坐标系，这对于保持空间位置准确性至关重要。 #### 初始化Three.js场景一旦拥有了准备好的GeoJSON数据，就可以着手构建Three.js的应用程序了。下面是一个简单的例子，说明怎样初始化一个基本的Three.js场景： ```javascript // 导入three库 import * as THREE from 'three'; // 设置渲染器 const renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); // 创建场景对象 const scene = new THREE.Scene(); // 添加相机视角 const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); camera.position.z = 5; function animate() { requestAnimationFrame(animate); renderer.render(scene, camera); } animate(); ``` 这段代码片段建立了基础框架，允许后续加载和显示三维模型或地形特征。通过调整`PerspectiveCamera`的角度和其他属性可以改变观察者的视图体验。 #### 加载与展示GeoJSON数据要使地图上的要素可见，还需要进一步解析GeoJSON并将它们作为几何体加入到Three.js场景之中。这里推荐采用第三方库如`turf.js`辅助完成复杂的地理运算操作；而对于具体的绘制部分则依赖于Three.js提供的API实现。 ```javascript fetch('path/to/your/file.geojson') .then(response => response.json()) .then(data => { const geometry = new THREE.Geometry(); // 或者使用BufferGeometry以提高性能 data.features.forEach(feature => { let coordinates = feature.geometry.coordinates; switch (feature.geometry.type){ case 'Point': // 处理点类型的特性... break; case 'LineString': // 对线串做相应变换... break; default: console.log(`未定义的操作:${feature.geometry.type}`); } // 将计算后的顶点添加至geometry中... }); var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 }); var mesh = new THREE.Mesh(geometry, material); scene.add(mesh); }); ``` 此段JavaScript代码示范了读取远程GeoJSON资源并通过遍历其中每一个Feature实例化对应的Three.js图形元素的过程。注意实际应用场景下可能涉及到更复杂的空间关系处理逻辑。