自定义谷歌地图标记图标

Question

所以我使用 gmap3 根据用户图像个人资料照片动态加载我的地​​图标记图标。理想情况下，我想对标记图标图像进行一些自定义样式，并且每个标记图标图像因用户而异。

这是我遇到的两个困难：

1. 谷歌地图加载标记图标作为画布（如果我错了请纠正我），所以它不是 DOM 上的图像标签，因此我不知道如何为其添加 css 样式

2. 即使将其加载为图像，当自定义图标完全加载到 DOM 上时，我也找不到使用 gmap3 定义回调函数的方法（并使用 jQuery 设置图像选择器的样式）。 （我试过liveQuery，这是一个可怕的想法，我也试过google.maps.event.addListenerOnce(map, 'idle', function()，但效果不佳。

以下是我的一些方法：

1. 我将animation 属性添加到标记，并将随机字符串传递给该属性（这应该会产生错误），这会使图标作为图像标签加载到 DOM 上。

2. 然后我使用setTimeout（因为我不知道在加载标记后在gmap3上的哪里定义回调函数）选择图像css，并为该透明图标图像添加background-image css属性，所以我可以在标记上有一个自定义的用户个人资料图片

请帮忙

Answer 1

要在标记上应用 css，您可以尝试以下方法来包含 var marker = new MarkerWithLabel。 Link