Javascript 透明图像覆盖贴图框GL JS

我想在Mapbox GL JS中围绕一个对象画一个圆，但它似乎不支持这样的绘制。所以我尝试在Photoshop中创建一个带有红色圆圈和透明背景的PNG。但是，当我将图像加载到地图上时，图像将失去透明度

我用来生成这个的代码是：

var sourceObj = new mapboxgl.ImageSource({
        url: '/img/circle-red.png',
        coordinates: [
            [-80.425, 46.437],
            [-71.516, 46.437],
            [-71.516, 37.936],
            [-80.425, 37.936]
        ]
});

map.addSource('someimage', sourceObj);

map.addLayer({
    "id": "someimage",
    "source": "someimage",
    "type": "raster"
});

有人知道我如何获得透明的背景吗？或者有人知道另一种在地图上画圆圈的方法吗

---

提前谢谢。

我也有同样的问题。我目前的解决方法是8位PNG，但它们只有一种透明的颜色。

我知道这已经晚了一年，但如果有人再次遇到这种情况，则该层上有一个光栅不透明度属性。看

如果你正在处理一个你知道不透明度的图像，那就应该做到了

map.addLayer({
  "id": "current_image",
  "source": "current_image",
  "type": "raster",
  "paint" : {
    "raster-opacity" : 0.5
  }
});