我正在尝试在Google Map 上添加svg图像作为自定义标记图标 . 我试图让它在IE-11上运行时遇到一些麻烦

所以我决定使用这里描述的SVG路径表示法:https://developers.google.com/maps/documentation/javascript/examples/marker-symbol-custom

var goldStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'yellow',
fillOpacity: 0.8,
scale: 1,
strokeColor: 'gold',
strokeWeight: 14
};

var marker = new google.maps.Marker({
position: map.getCenter(),
icon: goldStar,
map: map
});
}

我已经在IE-11上测试过,它运行正常 .

所以现在我的问题是我必须为我的自定义svg写一个类似的对象表示法,即

转换基于xml的嵌套标记语法

喜欢

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="23px" height="46px">
<g>
<path fill="#237464" d="something"/>
   <g>
  <g>
     <path fill="#347256" d="something-else"/>
  </g>
  <path fill="#dda" d="something-else-altogether"/>

等等 . / ..... g里面有一些嵌套的路径元素

我必须将此表单转换为对象形式,就像上面定义的Goldstar矢量图像定义的那样 .

var goldStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'yellow',
fillOpacity: 0.8,
scale: 1,
strokeColor: 'gold',
strokeWeight: 14
};

是否有任何在线工具/文档/规则将此xml像svg构造转换为JSON表示法?我真的坚持这个 . 请帮忙