在前端开发中，我们经常需要使用到各种 npm 包来简化我们的开发流程。其中，mgrs-pwilczynski 是一个十分实用的 npm 包，它可以将经纬度坐标转换为 MGRS 坐标，同时也可以将 MGRS 坐标转换为经纬度坐标。在本文中，我们将会介绍如何使用此 npm 包完成坐标转换，并提供一些示例代码。
安装
首先，我们需要在我们的项目中安装 mgrs-pwilczynski 包。在命令行中输入以下指令，即可完成安装。
npm install mgrs-pwilczynski
基本使用
在安装完成后，我们就可以在项目中使用 mgrs-pwilczynski 了。在需要使用该包的文件中，使用以下代码引入该包。
const mgrs = require('mgrs-pwilczynski');经纬度 -> MGRS
要将经纬度坐标转换为 MGRS 坐标，可以使用以下代码。
// 将经纬度坐标转换为 MGRS 坐标
const lon = -93.297101;
const lat = 44.964828;
const mgrsStr = mgrs.forward([lat, lon]);
console.log(`经纬度坐标 (${lat}, ${lon}) 的 MGRS 坐标为 ${mgrsStr}`);输出结果：
经纬度坐标 (44.964828, -93.297101) 的 MGRS 坐标为 15T UT 00460 43382
MGRS -> 经纬度
要将 MGRS 坐标转换为经纬度坐标，可以使用以下代码。
// 将 MGRS 坐标转换为经纬度坐标
const mgrsStr = '15T UT 00460 43382';
const ll = mgrs.inverse(mgrsStr);
console.log(`MGRS 坐标 ${mgrsStr} 的经纬度坐标为 (${ll[0]}, ${ll[1]})`);输出结果：
MGRS 坐标 15T UT 00460 43382 的经纬度坐标为 (44.96482800000122, -93.29710100000192)
注意事项
- 坐标转换计算较为复杂，因此该包中的函数返回格式并不直观。
- 目前该包只支持 WGS84 坐标系。
- 若要将多个点的经纬度转换为 MGRS 坐标，可以在循环中分别调用 forward 函数。
- 若要将多个 MGRS 坐标转换为经纬度坐标，可以在循环中分别调用 inverse 函数。
示例代码
下面是一个将经纬度坐标转换为 MGRS 坐标，并将结果显示在地图上的示例代码。假设我们有一个 div 元素用于显示地图，该元素的 ID 为 "map"。
<div id="map" style="height: 500px;"></div>
JavaScript 代码如下：
-- -------------------- ---- -------
----- ---- - ----------------------------
----- ------- - -------------------------------
----- --- - ----------
----- --- - -----------
----- ------- - ------------------ ------
----- --- - --- --------
------- --------
------- -
--- ---------------
------- --- ----------------
--
--
----- --- ---------
------- ------------------------ ------
----- --
--
---
----- ------ - --- ------------
--------- ------------------------ ------
------------ ----------------
-------- ------------------------------
---------- ------
---
----------------------------- - --------------------------
-----------------------在以上代码中，我们首先将经纬度坐标转换为 MGRS 坐标，并使用该坐标创建了一个带有标签的地图标记。最终的结果可以在浏览器中查看。该例子仅供参考，具体的地图框架和 API 请根据自己的需要自行决定。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f451d8e776d08040f14