谷歌地图标记的SVG图标

Question

我正在尝试使用带有以下代码的Ionic Native Maps图标来利用SVG：

this.map.addMarker({
  icon: {
    path: '...',
    scale: 1.0
  },
  position: { lat: latitude, lng: longitude },
  title: name,
  draggable: true,
  name: name
});

但是没有使用SVG ......

感谢您的帮助！

Answer 1

Ionic Native Maps不支持当前的SVG图标，因为您可以看到here。

另一方面，您可以尝试将SVG转换为PNG，如下所示：

var svg  = document.getElementById('graph'),
    xml  = new XMLSerializer().serializeToString(svg),
    data = "data:image/svg+xml;base64," + btoa(xml),
    img  = new Image()

img.setAttribute('src', data)
document.body.appendChild(img)

参考此github。

希望这能解决您的问题。