Google maps 谷歌地图标记-自定义颜色的图像

Google maps 谷歌地图标记-自定义颜色的图像,google-maps,svg,google-maps-markers,Google Maps,Svg,Google Maps Markers,我想用一个100种不同颜色的马克笔。我可以通过复制和绘制100种颜色的标记来实现这一点,但如果可能的话,制作一个透明图像并在运行时绘制它会更容易,或者为每个标记动态构建一个SVG。有哪些选择 var marker = new google.maps.Marker( { position: position, map: map, icon: 'http://example.co

我想用一个100种不同颜色的马克笔。我可以通过复制和绘制100种颜色的标记来实现这一点,但如果可能的话,制作一个透明图像并在运行时绘制它会更容易,或者为每个标记动态构建一个SVG。有哪些选择

 var marker = new google.maps.Marker( {            
                position: position,
                map: map,
                icon: 'http://example.com/mymarker.png
                });

谢谢

这很有效

         var SVG_icon = {               
            path: 'M  0,0,  0,-40,  20,-30 , 0,-20,  z',                
            // set custom fillColor on each iteration
            fillColor: fillColour,
            fillOpacity: 0.7,
            scale: 1,
            strokeColor: 'black',
            strokeWeight: 2
          };

        // create marker and put it on map
        var marker = new google.maps.Marker({
            position: myLocation,
            icon: SVG_icon,
            map: map
        });
SVG生成的标志示例