Get rendered features / features in viewport

[MarkusWendorf]

Hey is there a simpler way to get all features currently visible on screen?

I have a working version that seems overly complicated:

const visibleBounds = await map.getVisibleBounds()
const topRight = await map.getPointInView(visibleBounds[0])
const bottomLeft = await map.getPointInView(visibleBounds[1])

if (topRight && bottomLeft) {
  const { features } = await map.queryRenderedFeaturesInRect(
    [topRight[1], topRight[0], bottomLeft[1], bottomLeft[0]],
    undefined,
    ['marker-layer', 'active-marker-layer', 'cluster-circle-layer', 'cluster-text-layer']
  )
}

I must be missing something. I think on the web it's just queryRenderedFeatures().

[KiwiKilian]

I think this is the proper approach right now, but this could definitely be improved. Would love to align those APIs with the web variant.

[KiwiKilian]

This has been aligned in the current v11 alphas, so this is now simply:

const featureCollection = await mapRef.current?.queryRenderedFeatures({ layers: ["your-layer"] })