使用 Angular Google 地图的自定义标记
Custom marker with Angular Google Maps
我正在使用 Angular Google 地图指令在我的网页上显示地图。目前我的标记是使用 SVG 创建的，但这很慢，因为我必须将我的信息传递到一个函数中，该函数在内存中创建一个 SVG 以传递给 Google 图标。所以我想用自定义 HTML 标记替换它，希望它的代码更少，并且可以利用 CSS 类 来完成大量繁重的工作。
不幸的是，这在 Angular Google 地图标记中不可用（除非我没见过？！）
我发现 tutorial 关于如何使用叠加层执行此操作，但我需要群集才能使用我的图标。
我该怎么做？无需从头重写一切？理想情况下，我想尽可能多地利用现有的 angular-google-maps 代码
我最终这样做的方法是将 rich HTML 放入 labelContent 属性，通过 labelClass 在其上设置 class然后将 icon 设置为透明 (https://maps.gstatic.com/mapfiles/transparent.png)
这样实际的图标是不可见的，但您可以通过标签创建丰富的 HTML / CSS 标记。这不会破坏集群器的功能
我正在使用 Angular Google 地图指令在我的网页上显示地图。目前我的标记是使用 SVG 创建的，但这很慢，因为我必须将我的信息传递到一个函数中，该函数在内存中创建一个 SVG 以传递给 Google 图标。所以我想用自定义 HTML 标记替换它，希望它的代码更少，并且可以利用 CSS 类 来完成大量繁重的工作。
不幸的是，这在 Angular Google 地图标记中不可用（除非我没见过？！）
我发现 tutorial 关于如何使用叠加层执行此操作，但我需要群集才能使用我的图标。
我该怎么做？无需从头重写一切？理想情况下，我想尽可能多地利用现有的 angular-google-maps 代码
我最终这样做的方法是将 rich HTML 放入 labelContent 属性，通过 labelClass 在其上设置 class然后将 icon 设置为透明 (https://maps.gstatic.com/mapfiles/transparent.png)
这样实际的图标是不可见的，但您可以通过标签创建丰富的 HTML / CSS 标记。这不会破坏集群器的功能