什么是 proj4
proj4 是一个 JavaScript 库，用于将经纬度和投影坐标系之间进行转换。它包含了一些常见的地图投影系统，如经纬度、平面直角坐标系、高斯坐标系等。这使得 proj4 在处理地理信息数据时非常方便，比如对地图数据进行投影、聚合等操作。
在前端开发中，我们经常需要对地图数据进行可视化呈现，或者对经纬度坐标进行计算，这时候就可以使用 proj4 进行坐标系转换。
安装
在使用 proj4 之前，需要先进行安装：
npm install proj4
快速开始
初始化投影系统
使用 proj4 之前，需要先定义需要用到的投影系统。可以通过 proj4.defs() 方法进行定义，比如这里我们定义了一个叫做 EPSG:4326 的投影系统：
import proj4 from 'proj4';
proj4.defs('EPSG:4326', '+proj=longlat +datum=WGS84 +no_defs');转换坐标系
有了投影系统的定义之后，我们就可以在投影系统之间进行转换了。使用 proj4.transform() 方法进行投影坐标系的转换，比如这里我们将一个经纬度坐标转换成了平面直角坐标系（EPSG:3857）：
const point = [121.50, 31.22]; // 经纬度坐标 const from = 'EPSG:4326'; const to = 'EPSG:3857'; const projectedPoint = proj4(from, to, point); console.log(projectedPoint); // [13508774.859543147, 3666550.086237495]
计算距离
使用 proj4，我们还可以计算两个经纬度坐标之间的距离。可以通过 proj4.Proj() 方法创建对应的投影系统，并使用 proj4.Point() 方法创建对应的点，然后调用 proj4.distance() 方法就可以计算距离了：
-- -------------------- ---- ------- ----- ---- - ------------------------ ----- -- - ------------------------ ----- ------ - --- ------------------- ------- ----- ------ - --- ------------------- ------- ----- -------- - ---------------------- ------- - --------------- ----- ----- ------ ------ ---- ------ ----- ------ --- --- ---------------------- -- -----------------
小结
使用 proj4 可以方便地进行坐标系转换和距离计算等操作，这对于处理地理信息数据是非常有用的。在使用前，需要对投影系统有一定的了解，并进行相应的初始化和配置，然后就可以愉快地使用它了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb49eb5cbfe1ea061130c