Events Mapbox背景层单击事件不工作

我正在尝试在Mapbox中的透明背景层上设置单击事件。以下是一段代码片段：

    map.on('load', function () {
          map.addLayer({
            id: 'transparent',
            type: 'background',
            interactive: true,
            paint: {
              'background-color': '#dedede',
              'background-opacity': 0
            }
    
          })
    }
    
    //This doesn't print Hello World to the console
    map.on('click', 'transparent', function () {
      console.log('Hello World')
    })

---

在符号层上调用同一事件不会出现问题。任何帮助都将不胜感激。

图层指定源的样式。图层类型由“type”属性指定，必须是背景、填充、线条、符号、光栅、圆、填充拉伸、热图、山体阴影中的一种

除了背景类型的层之外，每个层都需要引用一个源

图层从源获取数据，可以选择过滤要素，然后定义这些要素的样式

我建议在地图上添加一个事件，例如：

map.on('click', function (e) {
//code
});

例如：

https://docs.mapbox.com/mapbox-gl-js/example/mouse-position/

如何添加背景层：

https://bl.ocks.org/stevage/a09dcbd11fb24b20033f2d3f6ab01374

：“仅当事件的位置在此层中的可见特征内时，才会触发事件”。背景层中没有要素。