Я импортирую изображение в формате PNG и передаю его внешнему компоненту (@ реагировать-google-maps) для использования в качестве значка.Импорт PNG работает нормально, а файл SVG - нет.
Я никогда раньше не работал с SVG, поэтому я что-то неправильно понимаю.
Могу ли я неправильно обработать
import testSVG from './assets/m3.svg'
?
Вы можетесм. в моем примере здесь , что в map2: 67 использование testPNG работает, а testSVG - нет.
Именно здесь @ реагирует-google-maps вставляет путь в тег <img>
:
img = "<img src='" + this.url + "' style='position: absolute; top: " + spriteV + "px; left: " + spriteH + "px; "
//@ts-ignore
if (!this.cluster.getClusterer().enableRetinaIcons) {
img += "clip: rect(" + (-1 * spriteV) + "px, " + ((-1 * spriteH) + this.width) + "px, " +
((-1 * spriteV) + this.height) + "px, " + (-1 * spriteH) + "px);"
}
msg += "'>"
Однако я не верю, что это вызывает проблему, потому что нелокальные файлы SVG работают просто отлично.