本文介绍了 npm 上的一个 JavaScript 库包：coord-convert。coord-convert 可以用来在 WGS84 地理坐标系和 Web Mercator 投影坐标系之间进行转换。我们将详细介绍该包的使用方法，并提供示例代码。
简介
coord-convert 是一个用于将 WGS84 坐标系的纬度/经度转换为 Web Mercator 投影坐标系的 x/y 坐标、以及将投影坐标系的 x/y 坐标转换为 WGS84 的纬度/经度的 JavaScript 库包。该包可以通过 npm 安装并使用。
安装
通过 npm 安装 coord-convert ：
--- ------- ------------- ------
安装后，我们可以在 Node.js 或浏览器脚本中使用该包。
使用方法
coord-convert 有两个主要的 API 方法：
WGS84ToWebMercator(lng, lat)
该方法用于将 WGS84 坐标系的纬度/经度转换为 Web Mercator 投影坐标系的 x/y 坐标。返回一个对象，包括 x 和 y（Web Mercator 坐标）属性，如下所示：
----- ------------ - ------------------------- ----- --- - ----------- ----- --- - ---------- ----- - -- - - - ------------------------------------ ----- -------------- ---
该代码将输出：12521366.461940108 2665951.8669797513
webMercatorToWGS84(x, y)
该方法用于将 Web Mercator 投影坐标系的 x/y 坐标转换为 WGS84 坐标系的纬度/经度。返回一个对象，包括 longitude 和 latitude（WGS84 坐标）属性，如下所示：
----- ------------ - ------------------------- ----- - - ------------------- ----- - - ------------------- ----- - ---------- -------- - - ---------------------------------- --- ---------------------- ----------
该代码将输出：113.265182 23.117054999999997
示例代码
我们将使用 coord-convert 和 OpenLayers4 库包构建一个简单的示例程序。在该示例中，我们将使用 OpenLayers4 绘制一个中国地图，然后用 coord-convert 将鼠标指针的 Web Mercator 坐标系的 x/y 坐标转换为 WGS84 坐标系的纬度/经度。
HTML
--------- -----
------
------
----- ----------------
----------------- - ---------------
----- ---------------- -------------------------------------------------- ----------------
------- ------------------------------------------------------------
-------
---- -
------- ------
------ -----
-------------- ----
-
--------
-------
------
---- -------- ------------------
------- ---------------------------
-------
-------JavaScript
----- ------------ - -------------------------
----- --- - --- --------
------- ------
------- -
--- ---------------
------- --- ---------------
--
--
----- --- ---------
------- -------------------------- -------
----- -
--
---
--------------- ------------- -
----- ---------------- - ---------------
----- - ---------- -------- - - ---------------------------------------------------- ---------------------
---------------------- ----------
---该代码将在地图上单击时显示鼠标位置的 WGS84 坐标。可以在本地运行该示例代码，并在地图上单击以测试其功能。
总结
本文介绍了 npm 上的 coord-convert 库包及其使用方法，并给出了一个示例程序。该库包对于前端开发人员在地图应用程序中进行纬度/经度和投影坐标系之间的转换非常有用，可大大简化开发流程。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005606f81e8991b448de967