在 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 状态