Получить список маркеров в границах в React Native

Question

Как получить список маркеров в определенных границах в react-native-maps?

Answer 1

Это не относится только к react-native-maps.

Для проверки маркеров в определенных границах вы можете использовать, например, mapbox / cheap-ruler library .Функция, которую вы ищете: insideBBox

Вы также можете сделать это в чистом javascript

if( bb.ix <= p.x && p.x <= bb.ax && bb.iy <= p.y && p.y <= bb.ay ) {
    // Point is in bounding box
}

bb - ограничивающий прямоугольник, (ix, iy) - его верхнийлевые координаты и (ax, ay) его нижние правые координаты.p - это точка, а (x, y) - ее координаты.

Итак:

1. Цикл на вашем массиве маркеров
2. Используйте один из вариантов выше (cheap-ruler или pure js)
3. Получить новый список маркеров внутри ограничительной рамки
4. Обновите свое состояние React Native, используя setState