简介
@geo-maps/earth-coastlines-2m5 是一个 NPM 包，提供了 1:2.5 百万分比例尺下地球海岸线的矢量数据，数据以 GeoJSON 格式存储。本文将介绍如何安装和使用该模块。
安装
安装 Node.js
要使用 npm 包，您需要安装 Node.js。请参考 Node.js 的官方文档，安装最新版 Node.js。
安装 @geo-maps/earth-coastlines-2m5
在终端或命令提示符中执行以下命令安装该模块：
npm install @geo-maps/earth-coastlines-2m5
使用
导入模块
在我们的代码文件中，需要引入模块。可以使用 ES6 的模块导入：
import earthCoastlines from '@geo-maps/earth-coastlines-2m5';
获取海岸线数据
@geo-maps/earth-coastlines-2m5 模块提供了一个函数来获取海岸线数据：
const coastlines = earthCoastlines();
这个函数返回一个包含整个世界海岸线数据的 GeoJSON 对象。该对象包含了许多属性，包括：
- type: FeatureCollection
- features: 包含每个海岸线线段的 Feature 对象的数组
每个 Feature 对象包含：
- type: Feature
- geometry: 包含坐标列表的 MultiLineString 或 LineString 对象
- properties: 包含该 Feature 的属性，暂时为空
示例代码：
import earthCoastlines from '@geo-maps/earth-coastlines-2m5'; const coastlines = earthCoastlines(); console.log(coastlines);
该代码将输出完整的海岸线数据。由于 GeoJSON 很大，输出可能会很长。
绘制海岸线
要将海岸线数据绘制在地图上，可以使用许多地图 API，例如 Leaflet 或 OpenLayers。这里将使用 Leaflet。请参考 Leaflet 的官方文档，添加地图和图层。
示例代码：
-- -------------------- ---- ------- ------ --------------- ---- --------------------------------- ------ - ---- ---------- ----- ---------- - ------------------ ----- --- - ------------------------- --- --- ------------------------------------------------------ - ------------ ---- ---- ------ ------------- ------------- -------------- ---------------------------------
该代码将在一个名为 "map" 的元素中创建一个 Leaflet 地图，并显示海岸线。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005685581e8991b448e45b3