google-maps - SVG Google 标记在 Firefox 中不起作用

Question

随机 SVG 错误，我花了最后一个小时试图弄清楚为什么我的 SVG 图标不能与 Firefox 中的 Google 标记一起使用。

我正在使用以下代码段来获取和调整 SVG 的大小。

任何和所有建议将不胜感激，谢谢。

  url: 'svg/icon_inactive.svg',
  size: new google.maps.Size(30, 30),
  scaledSize: new google.maps.Size(30, 30),
  anchor: new google.maps.Point(30, 30)

Answer 1

简单的修复，我只需要为 SVG 添加高度和宽度 - 小学生错误。

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<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"
     viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve" height="30px" width="30px">
<style type="text/css">
    .st0{opacity:0.9;fill:#ED1D7F;}
</style>
<g>
    <circle class="st0" cx="10" cy="10" r="10"/>
</g>
</svg>