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

Question

我想将自己的标记放在地图中，但 MyImage 应该在 png 中。如果我希望它是 svg 怎么办？

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

标签： mapboxmapbox-gl-js

Answer 1

SVG is not supported in mapbox, you need to rasterize your SVG

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

Source: https://github.com/mapbox/mapbox-gl-js/issues/5529#issuecomment-340011876