npm 包 proj4m 使用教程

在前端开发中，地理数据处理是很常见的需求。而 proj4m 是一个 npm 包，可以方便地进行不同地理坐标系间的转换。本文将介绍 proj4m 的使用方法，并提供相应的示例代码。

安装

在使用 proj4m 之前，需要先安装该 npm 包。可以通过以下命令进行安装：

npm install proj4m

使用

安装完成后，可以在项目中引入 proj4m：

const proj4m = require('proj4m');

接下来，我们可以使用 proj4m() 方法进行坐标系转换。该方法接收两个参数：源坐标系和目标坐标系。

1. 国测局坐标系 (GCJ-02) 转 WGS84

我们先来看一个常见的坐标系转换需求：国测局坐标系 (GCJ-02) 转 WGS84。下面是相应的示例代码：

const gcj02 = { x: 116.3975, y: 39.9085 }; // GCJ-02 坐标系
const wgs84 = proj4m(gcj02, 'EPSG:4326'); // WGS84 坐标系

console.log(wgs84); // { x: 116.384985, y: 39.90231 }

在上面的示例中，我们输入了一个 GCJ-02 坐标系的点，然后调用 proj4m() 方法将其转换为 WGS84 坐标系。最后，我们在控制台打印出转换后的坐标值。

2. WGS84 转 Web Mercator

接下来，我们来看一个常见的 Web 地图坐标系转换需求：WGS84 转 Web Mercator。下面是相应的示例代码：

const wgs84 = { x: 116.384985, y: 39.90231 }; // WGS84 坐标系
const webMercator = proj4m(wgs84, 'EPSG:3857'); // Web Mercator 坐标系

console.log(webMercator); // { x: 12966542.701772076, y: 4859965.572488494 }

在上面的示例中，我们输入了一个 WGS84 坐标系的点，然后调用 proj4m() 方法将其转换为 Web Mercator 坐标系。最后，我们在控制台打印出转换后的坐标值。

总结

在本文中，我们介绍了 proj4m npm 包的基本使用方法，并提供了常见的坐标系转换示例。proj4m 包不仅能够解决地理数据处理的问题，也能够帮助我们更好地理解和应用坐标系转换的原理。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005609c81e8991b448ded6b