如何将仅CSS用于Google地图的群集图标

问题描述

我的目标是为我的Google Maps标记集群提供CSS- 图标。我在文档的“高级示例”（link）中看到仅CSS图标是可能的。但是，我无法将此示例转换为我自己的项目。

尽管由于API限制，我似乎无法通过JSFiddle初始化地图，但我尝试构建JSFiddle with my code。当我在自己的网站上运行代码时，它会在地图上添加数字，但没有图标，如下所示。

我创建了一些样式

  var styles = [{
      width: 30,height: 30,className: "custom-clustericon-1",},{
      width: 40,height: 40,className: "custom-clustericon-2",{
      width: 50,height: 50,className: "custom-clustericon-3",];

我试图这样初始化：

var markerCluster = new MarkerClusterer(map,markers,{
                styles: styles,clusterClass: "custom-clustericon",});

我在哪里缺少标记？我希望标记图标与“ advanced example”中的标记图标完全相同，但是我很茫然。我在网上广泛搜索了，以查找仅css- 图标的示例，但是找不到任何独立的示例。非常感谢您的帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

google-maps markerclusterer