自定义Google地图标记图标

Question

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

我遇到了两个困难：

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

   < / LI>

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

以下是我的一些方法：

1. 我在标记中添加了animation属性，并将一个随机字符串传递给它（这会产生错误），这会使图标作为DOM上的图像标记加载。

   < / LI>

2. 然后我使用setTimeout（因为我不知道在加载标记后在gmap3上定义回调函数的位置）来选择图像css，并为其添加background-image css属性透明图标图像，因此我可以在标记

上设置自定义用户个人资料图像

请帮忙

Answer 1

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