问使用svg图像作为mapbox GL JS的映射层

EN

var svgUrl = 'image.svg',
imageBounds = [[0, 0], [100, 100]];
L.imageOverlay(svgUrl , imageBounds).addTo(map);

var svgUrl = 'image.svg',
var imgLayer = new ImageLayer({
    source: new Static({
    url: svgUrl,
    projection: projection,
    imageExtent: extent,
    imageLoadFunction: function (image, src) {
            image.getImage().src = src;
            image.getImage().width = olExtent.getWidth(extent);
            image.getImage().height = olExtent.getHeight(extent);
        },
    }),
});
map.addLayer(imgLayer);

var svgUrl = 'image.svg',
this.map.addSource("myImageSource", {
    type: "image",
    url: svgUrl,
    coordinates: [
        [-80.425, 46.437],
        [-71.516, 46.437],
        [-71.516, 37.936],
        [-80.425, 37.936],
        ],
});

map.addLayer({
    id: "overlay",
    source: "myImageSource",
    type: "raster",
    paint: { "raster-opacity": 0.85 },
});