在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. 使用上述选项之一（便宜的统治者或纯js）
3. 在边界框内获取新的标记列表
4. 使用setState
更新您的React Native状态