javascript - Mapbox - 将弹出事件添加到图层

Question

我使用 mapbox-gl-js API，并在我的设备上有 2 个层，其中 id: 'A' 和 id: 'B' map 。

map.addLayer({
    id: 'A',
    type: 'symbol',
...../*My code*/
});
map.addLayer({
    id: 'B',
    type: 'symbol',
...../*My code*/
});

我想在点击 id: 'B' 的图层时添加一个弹出窗口

我怎样才能做到这一点？

Answer 1

类似

map.on('click', 'B', function (e) {
    new mapboxgl.Popup()
        .setLngLat(e.lngLat)
        .setHTML("POPUP!")
        .addTo(map);
});