在 Web 前端开发中，Leaflet 是一款常用的地图框架。而 Leaflet.awesome-markers 则是基于 Leaflet 的图标库，提供了众多漂亮的图标样式，可以让我们在地图上展示更加丰富和生动的数据。
安装和引入
Leaflet.awesome-markers 可以通过 npm 安装：
--- ------- -----------------------
然后，在需要使用它的页面中，使用以下代码引入相关资源：
----- ---------------- ------------------------------------------------------------------------------- ------- ------------------------------------------------------------------------------------------
使用方法
使用 Leaflet.awesome-markers 来创建图标非常简单。可以使用 L.AwesomeMarkers.icon 方法来创建一个图标对象，该方法接受一个对象作为参数，用于配置图标的各种属性。下面是一个简单的例子：
----- ---- - ----------------------- ----- --------- ------------ -------- ------- ---- --- --------------- ------- ------ ------------------
在这个例子中，我们创建了一个带有咖啡图标的绿色标记，将其添加到了地图上。其中 icon 属性表示图标的名称，markerColor 属性表示标记的颜色，prefix 属性表示图标字体的前缀。
除了这些基本属性外，Leaflet.awesome-markers 还提供了许多其他属性和自定义选项，例如旋转角度、阴影、边框等等。有关更多信息，请查看官方文档。
示例代码
下面是一个完整的示例代码，用于在地图上添加一些不同类型的标记，并将它们分组：
--------- -----
----- ----------
------
----- ----------------
-------------- -------------- ------------
----- ---------------- -----------------------------------------------
----- ---------------- -------------------------------------------------------------------------------
-------
---- -
------- ------
-
--------
-------
------
---- ---------------
------- ------------------------------------------------------
------- ------------------------------------------------------------------------------------------
--------
----- --- - ----------------------------- ------- ----
----------------------------------------------------------------- -
------------ ---- ---- - -- -------------------------------------------------- -------------
--------------
-- ---------
----- ------- - -
-
------- ------ -------
----- ---------
------------ --------
---------- -- ---- -------
--
-
------- -------- --------
----- -------
------------ ---------
---------- ---------
--
-
------- -------- --------
----- -------
------------ ------
------- ------------
-------------- ---
---------- ----- ----- -----
-
--
-- ----------------
----- ----- - -----------------------
----------------- -- -
----- ---- - -----------------------
----- -------
------------ --------------
------- -------- -- -----
----- -----
------- ----------------
------------- ---- ---
---
----- ------ - ------------------ ------ -------
-- --------
----------------------------------------------------------- ----------
---------------------------------------------------------------------------------------