在 React Native 中获取边界中的标记列表



如何获取react-native-maps中特定边界的标记列表?

这不是特定于react-native-maps的。

为了检查特定边界中的标记,您可以使用例如mapbox/cheap-ruler库。 您正在寻找的功能是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 状态

最新更新