前言
在前端地图应用中，经纬度转换是一个必须要掌握的技能。而 @turf/projection 是一个很好的 npm 包，它提供了各种不同的投影方式和数据格式之间的转换。在这篇文章中，我们将详细介绍 @turf/projection 的使用方法，并提供相应的示例代码。
安装
在使用之前，我们需要先安装 @turf/projection。可以通过 npm 安装：
npm install @turf/projection
基本用法
@turf/projection 的 API 可以用于投影操作、反向投影操作和测量操作。
投影操作
project() 函数将经纬度坐标转换为其他坐标系统的坐标。
// 导入 @turf/projection
const {project} = require('@turf/projection');
const point = [-73.9857, 40.7484]; // 经纬度坐标
const projectedPoint = project(point, 'EPSG:26918'); // 投影到坐标系 EPSG:26918
console.log(projectedPoint);输出：
[ 240961.88910603925, 4519468.20842039 ]
反向投影操作
unproject() 函数将其他坐标系统中的坐标转换为经纬度坐标。
// 导入 @turf/projection
const {unproject} = require('@turf/projection');
const projectedPoint = [240961.88910603925, 4519468.20842039]; // 投影坐标
const point = unproject(projectedPoint, 'EPSG:26918'); // 反向投影到 WGS 84 坐标系
console.log(point);输出：
[ -73.9857, 40.7484 ]
测量操作
distance() 函数用于计算两个点之间的距离。
// 导入 @turf/projection
const {distance} = require('@turf/projection');
const point1 = [-73.9857, 40.7484]; // 经纬度坐标
const point2 = [-73.9881, 40.7493]; // 经纬度坐标
const distanceInMiles = distance(point1, point2) * 0.000621371; // 坐标系是 WGS 84（即单位是米），将距离转换为英里
console.log(distanceInMiles);输出：
0.1617174262869874
使用示例
下面提供一个完整的示例代码，展示如何在地图上添加标记，并将标记转换到其他坐标系统中。
-- -------------------- ---- ------- -- -- ---------------- ----- --------- - ---------------------------- -- ---- ----- --- - --- -------------- ---------- ------ ------ ------------------------------------- ------- ---------- --------- -- ----- ----- --- --- -- ---- ----- ------ - --- ----------------- --------------------- --------- -- ----- ------------ -- ----- ---------- ----------- ----- -------------- - ------------------ --------- -------------- ----------------------------------- - ---------------------------------- -------------------------
结论
@turf/projection 是一个很好的 npm 包，提供了各种投影方式和数据格式之间的转换。在前端地图应用中，掌握 @turf/projection 的使用方法可以帮助我们更好地处理经纬度数据，从而提升应用的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedae35b5cbfe1ea0610de1