MarkerClusterer 是 Google Maps API 中用于将多个标记点聚合成一个组的工具。而当这些标记点聚合时，它们会被替换为一个图标，以表示它们所代表的所有标记点数量。在大多数情况下，MarkerClusterer 默认提供的图标足够使用，但是如果你想要展示更加独特或者专业的样式，你可以自定义 MarkerClusterer 图标来实现自己的需求。
确定要自定义的 MarkerClusterer 图标
在开始美化 MarkerClusterer 图标之前，我们需要先确定需要自定义的部分。MarkerClusterer 图标通常由两部分组成：背景和数字。背景通常定义了图标的形状、颜色和大小，而数字则表示聚合的标记数量。如果你想要自定义 MarkerClusterer 图标，你需要确定如何修改这两个部分来满足你的需求。
修改 MarkerClusterer 图标背景
要修改 MarkerClusterer 图标的背景，我们需要创建一个新的 MarkerClusterer 图标模板，并将其传递给 MarkerClusterer 构造函数。新的 MarkerClusterer 图标模板应该包含一个绘制背景的函数。以下是一个简单的例子：
-- -------------------- ---- -------
----- ----------- - -
---- --------------------------------------------------
------- --- ---
----- ---- ----
--------------- -------- --------
---------- -------
--------- ---
-------------------- -
------ ------------------------------------------------------------------
--
--在这个例子中，我们创建了一个新的 MarkerClusterer 图标模板，并将其作为参数传递给了 MarkerClusterer 构造函数。在新的 MarkerClusterer 图标模板中，我们定义了图标的 URL、锚点、大小、背景大小、文本颜色和大小。最重要的是，我们还定义了一个获取背景图片的函数，该函数返回一个包含自定义背景的图片 URL。
修改 MarkerClusterer 图标数字
要修改 MarkerClusterer 图标中的数字，我们需要覆盖 MarkerClusterer.prototype.createCssText 方法。以下是一个简单的例子：
-- -------------------- ---- -------
--------------------------------------- - ----------------- -
----- ----- - ------------------
----- ---- - ------------ -------------------------- - --------- - --- - --
----- ------ - --------------------------------------------- - -------
----- ----- - --------------------------------------------------------------------------------------------------------------------------------------------------------------
------ -
----- ------
------
--
--在这个例子中，我们使用 getSize() 方法获取了聚合标记的数量，并根据数量计算了应该使用的样式。然后，我们使用 getStyles() 方法获取 MarkerClusterer 实例的样式，从中选择了正确大小的样式，并将其应用于图标上。最后，我们返回一个包含数字和样式的对象。
示例代码
以下是一个示例代码，它演示了如何自定义 MarkerClusterer 图标背景和数字：
-- -------------------- ---- -------
----- --- - --- ----------------------------------------------- -
----- --
------- - ---- -------- ---- --------- --
---
----- ------- - -
--- --------------------
--------- - ---- -------- ---- --------- --
----
---
-- ---- ----------
--
----- ----------- - -
---- --------------------------------------------------
------- --- ---
----- ---- ----
--------------- -------- --------
---------- -------
--------- ---
-------------------- -
------ ----------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------