Azure Maps - How to Get the Layer from a Shape in a Map Event

Currently the layer information is not available within the shape that is returned in the event. Note that a single shape can be rendered in multiple layers in an app. However, you can get the data source of the shape. This is undocumented, but the shape has a "dataSource" property that is a reference to the source. A shape can only ever be in one data source.

That said, if you are willing to venture into deeper, lower level, undocumented capabilities within the core map control, it is possible to get the id of the rendered layers the shapes/features are in under the mouse. The Azure Maps control wraps MapLibre, and you can access the MapLibre map instance using the _getMap() function that's on the Azure Maps control. From there you can use the queryRenderedFeatures function to get the raw feature information under any pixel on the map, and this includes the layer information. For example:

map.events.add('click', (e) => {
    var features = map._getMap().queryRenderedFeatures(e.pixel);
    features.forEach(f => {
        //Get the layer id of the clicked feature.
        console.log(f.layer.id);
    });
});

Now the above will also include all layers in the map as well (like roads and land areas). You can create an array of all the layer ID's of your layers, and pass that in as a filter. For example:

var layerIds = [];

//Add your id's to the array. Using undocumented feature that gets all user added layers from the map.
map.layers.userLayers.forEach(l => {
    layerIds.push(l.layer.id)
});

map.events.add('click', (e) => {
    var features = map._getMap().queryRenderedFeatures(e.pixel, { layers: layerIds });
    features.forEach(f => {
        //Get the layer id of the clicked feature.
        console.log(f.layer.id);
    });
});