在前端中Proj4.js使用简单介绍

Code_Geo2024-09-08 23:40

Proj4 是一个用于处理 JavaScript 里的几何图形和坐标计算的库。虽然这个库的知名度不如其他几何处理库如 Turf.js，但它提供了用于多边形、点、线等几何对象的计算功能，类似于 GIS（地理信息系统）的某些功能。

一、基础知识

在使用Proj4之前，可以了解一下投影的相关定义，可以参考下面网站：
https://epsg.io/
http://spatialreference.org

二、Proj4js引用

前端添加Proj4js有三种方式：

1、从http://trac.osgeo.org/proj4js/wiki/Download下载，获取产品包中dist/proj4.js文件。

2、引入CDN上的Proj4js：https://cdnjs.com/libraries/proj4js

3、本地有Node.js，可以直接使用npm install proj4进行安装。

三、Proj4的简单使用

proj4.js中预定义了三个坐标系，其他的坐标系则需要自己定义了，下面以从WGS84(4326)到Web墨卡托（3857）的转换为例

    const wgs84 = 'EPSG:4326';
    const webMercator = 'EPSG:3857';
    const pointWGS84 = [12.4924, 41.8902];  
    const pointWebMercator = proj4(wgs84, webMercator, pointWGS84);
    console.log(pointWebMercator);

更多的使用情况，带挖掘！！！