如何使用loadImage在mapbox中添加svg作为标记？

Question

我想在地图中放置自己的标记，但 MyImage 应该是 png 格式。如果我想把它变成 svg 怎么办？

map.loadImage(MyImage, function(error, image) {
      if (error) throw error;
      map.addImage("custom-marker", image);
    });

Answer 1

Mapbox 不支持 SVG，您需要光栅化您的 SVG

import mySVG from 'foo.svg'
let img = new Image(20,20)
img.onload = ()=>map.addImage('bus', img)
img.src = mySVG

来源：https ://github.com/mapbox/mapbox-gl-js/issues/5529#issuecomment-340011876