Google Maps：动态更改复杂的svg标记的颜色

Question

我有要用作Google Maps标记的SVG图像，我需要为此图像设置不同的颜色，但是它似乎不起作用。

这是jsFiddle示例：http://jsfiddle.net/yLkgtc2x/

当我为图标使用一个单一路径时，可以，但是当使用

时

var goodIcon = {
    path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z',
    fillColor: 'red',
    fillOpacity: 1
}

我正在尝试使用实际的SVG

var icon = {
    url: 'https://svgshare.com/i/7gn.svg',
    fillColor: 'red',
    fillOpacity: 1
}

标记保持黑色。而且看起来我无法将所有路径合并为一条，因为我需要那个白色三角形。有没有办法使用复杂的，运行时彩色的标记？