Google maps 如何在内联SVG（谷歌地图）中使用颜色代码

我正在用JavaScript在google maps API中将自定义标记显示为.svg

谷歌地图api似乎不喜欢在代码中使用

\00492C

fill=“#0000”

不起作用，只有

fill=“green”

起作用

var icon: {
        url: 'data:image/svg+xml;utf-8, \
              <svg width="30" height="48" viewBox="1 -10 60 78" xmlns="http://www.w3.org/2000/svg"> \
              <path fill="#00492C" d="M53.1,48.1c3.9-5.1,6.3-11.3,6.3-18.2C59.4,13.7,46.2,0.5,30,0.5C13.8,0.5,0.6,13.7,0.6,29.9 c0,6.9,2.5,13.1,6.3,18.2C12.8,55.8,30,77.5,30,77.5S47.2,55.8,53.1,48.1z"></path> \
              </svg>'
    }

var图标：{
url:'数据：image/svg+xml；utf-8\
\
\
'
}

我希望我的标记会变成深绿色，但它不会再出现了。

您需要对#字符进行转义，因为它是为用户保留的。将所有发生的#替换为%23

icon: {
    url: 'data:image/svg+xml;utf-8, \
          <svg width="30" height="48" viewBox="1 -10 60 78" xmlns="http://www.w3.org/2000/svg"> \
          <path fill="%2300492C" d="M53.1,48.1c3.9-5.1,6.3-11.3,6.3-18.2C59.4,13.7,46.2,0.5,30,0.5C13.8,0.5,0.6,13.7,0.6,29.9 c0,6.9,2.5,13.1,6.3,18.2C12.8,55.8,30,77.5,30,77.5S47.2,55.8,53.1,48.1z"></path> \
          </svg>'
}

您需要对#字符进行转义，因为它是为。将所有发生的#替换为%23

icon: {
    url: 'data:image/svg+xml;utf-8, \
          <svg width="30" height="48" viewBox="1 -10 60 78" xmlns="http://www.w3.org/2000/svg"> \
          <path fill="%2300492C" d="M53.1,48.1c3.9-5.1,6.3-11.3,6.3-18.2C59.4,13.7,46.2,0.5,30,0.5C13.8,0.5,0.6,13.7,0.6,29.9 c0,6.9,2.5,13.1,6.3,18.2C12.8,55.8,30,77.5,30,77.5S47.2,55.8,53.1,48.1z"></path> \
          </svg>'
}

我意识到这在Internet Explorer上不起作用。你有解决这个问题的方法吗？这里已经有一些关于Internet Explorer的问题了，比如，如果这对你没有帮助，你肯定可以找到其他有帮助的人。我意识到这在Internet Explorer上不起作用。你有解决这个问题的方法吗？这里已经有一些关于Internet Explorer的问题了，比如，如果这对你没有帮助，你肯定可以找到其他的解决方法。