css - 自定义谷歌地图标记图标

Question

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

以下是我遇到的两个难点:

1. Google map 加载标记图标作为 Canvas (如果我错了请纠正我)，所以它不是 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