Javascript 自定义标记群集（来自Google Maps API）未正确渲染

我正在尝试为我的google maps API集成设置自定义标记群集，但其渲染不正确：

我的图像似乎没有问题，看起来很好：

以下是我的clusterer代码：

var markerCluster = new MarkerClusterer(map, markers, {
            maxZoom: 18,
            imagePath: 'images/m'});

这是我的文件树：

你知道会出什么问题吗？

好的

图像似乎比簇正方形小，出于某种原因，簇正方形呈现为这样。一个有效的修复方法是创建一个与集群大小相同的文件/画布（例如，对于m2为56x56），同时将标记保持在所需大小的中心

无论如何，谢谢您的关注。

好的

图像似乎比簇正方形小，出于某种原因，簇正方形呈现为这样。一个有效的修复方法是创建一个与集群大小相同的文件/画布（例如，对于m2为56x56），同时将标记保持在所需大小的中心

---

无论如何，感谢您查看。

它看起来像是背景图像，并且正在重复显示。如果是这种情况，请尝试以下css规则背景重复：无重复；背景大小：它看起来像是背景图像，并且正在重复显示。如果是这种情况，请尝试以下css规则背景重复：无重复；背景尺寸：包含