介绍
Leaflet 是一个开源、轻量级的 JavaScript 库，用于构建交互式地图。它可以帮助开发者快速创建功能丰富、易于使用的地图应用程序。本文将介绍如何使用 npm 包安装和使用 Leaflet。
安装
在安装 Leaflet 之前，您需要先安装 Node.js 和 npm 包管理器。这两个工具可以在 Node.js 官方网站 下载并安装。
在安装了 Node.js 和 npm 后，打开命令行窗口并运行以下命令来安装 Leaflet：
npm install leaflet
使用
以下是一个简单的 HTML 页面，其中包含一个 <div> 元素，用于显示地图：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
-------------- ---------------
---- -- ------- --- ---
----- ---------------- ------------------------------------------------------------------
-----------------------------------------------------------------------------------
------------------------
---- -- ------- ---------- - ---
------- ----------------------------------------------------------------
-----------------------------------------------------------------------------------
---------------------------------
-------
---- -
------- ------
-
--------
-------
------
---- ---------------
--------
--- --- - ----------------------------- ------- ----
----------------------------------------------------------------- -
------------ ------- -- ------------------------------------------------------- -------------
--------------
---------
-------
-------在上面的 HTML 页面中，我们引入了 Leaflet 的样式表和 JavaScript 库，并在 <div id="map"></div> 中创建了一个地图容器。在脚本部分，我们使用 L.map 方法创建了一个地图实例，并使用 L.tileLayer 方法将 OpenStreetMap 地图图层添加到地图中。
示例代码
以下是一个更复杂的示例，展示如何在地图上添加标记和弹出窗口。您可以将此代码复制到一个 HTML 文件中并运行它，以查看实际效果。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
-------------- ---------------
---- -- ------- --- ---
----- ---------------- ------------------------------------------------------------------
-----------------------------------------------------------------------------------
------------------------
---- -- ------- ---------- - ---
------- ----------------------------------------------------------------
-----------------------------------------------------------------------------------
---------------------------------
-------
---- -
------- ------
-
--------
-------
------
---- --------------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------