Css 自定义谷歌地图标记图标

Css 自定义谷歌地图标记图标,css,google-maps,google-maps-api-3,jquery-gmap3,Css,Google Maps,Google Maps Api 3,Jquery Gmap3,因此,我使用gmap3动态加载基于用户图像配置文件照片的地图标记图标。理想情况下,我希望在标记图标图像上有一些自定义样式,每个标记图标图像因用户而异 以下是我遇到的两个困难: GoogleMapLoadMarker图标作为画布(如果我错了,请纠正我),因此它不是DOM上的图像标记,因此我不知道如何向它添加css样式 即使它将其作为图像加载,当自定义图标完全加载到DOM上时,我也找不到一种方法用gmap3定义回调函数(并使用jQuery设置图像选择器的样式)。(我尝试了liveQuery,这是一个

因此,我使用gmap3动态加载基于用户图像配置文件照片的地图标记图标。理想情况下,我希望在标记图标图像上有一些自定义样式,每个标记图标图像因用户而异

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

  • GoogleMapLoadMarker图标作为画布(如果我错了,请纠正我),因此它不是DOM上的图像标记,因此我不知道如何向它添加css样式

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

  • 以下是我的一些方法:

  • 我向标记添加了
    animation
    属性,并向该属性传递一个随机字符串(这将产生错误),这将使图标作为DOM上的图像标记加载

  • 然后我使用
    setTimeout
    (因为我不知道在加载标记后在gmap3上定义回调函数的位置)来选择图像css,并向透明图标图像添加
    背景图像
    css属性,这样我就可以在标记上有一个自定义的用户配置文件图像


  • 请帮助

    在标记上应用css,您可以尝试以下方法以包括
    var marker=new marker with label

    很好的解决方案!正是我所寻找的!