WebGIS开发中不同坐标系坐标转换问题解决基本步骤-牛翰网

前言

在 JavaScript 中，使用 proj4 库进行坐标系转换是一个非常常见的操作。proj4 是一个支持多种坐标系的 JavaScript 库，提供了从一种坐标系到另一种坐标系的转换功能。

以下是使用 proj4 进行坐标系转换的基本步骤：

1. 安装 proj4

你可以通过 npm 或直接引入 CDN 使用 proj4。

通过 npm 安装：

npm install proj4

通过 CDN 引入：

<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.8.1/proj4.js"></script>

2. 示例：WGS84 转换为 Web Mercator

WGS84 是一个全球通用的地理坐标系（经纬度），而 Web Mercator 通常用于网络地图（比如 Google Maps、OpenStreetMap）。

以下是代码示例：

// 导入 proj4 (如果通过 CDN 引入，则不需要这行代码)
const proj4 = require('proj4');

// 定义坐标系
const WGS84 = 'EPSG:4326'; // WGS84 坐标系
const WebMercator = 'EPSG:3857'; // Web Mercator 坐标系

// 定义一个点的经纬度
const point = [116.397128, 39.916527]; // 北京天安门经纬度

// 转换坐标
const convertedPoint = proj4(WGS84, WebMercator, point);

console.log('转换后的坐标:', convertedPoint);

3. 自定义坐标系

如果你需要转换到某个自定义坐标系，可以通过 proj4 的 proj4.defs 定义。

示例：定义一个 CGCS2000 坐标系

// 定义 CGCS2000 (EPSG:4490)
proj4.defs("EPSG:4490", "+proj=longlat +datum=CGCS2000 +no_defs");

// 从 WGS84 转换到 CGCS2000
const point = [116.397128, 39.916527]; // 北京天安门经纬度
const convertedPoint = proj4('EPSG:4326', 'EPSG:4490', point);

console.log('CGCS2000 坐标:', convertedPoint);