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

时间:2018-10-08 20:53:49

标签: google-maps react-native react-native-maps

如何获取react-native-maps中特定范围内的标记列表?

1 个答案:

答案 0 :(得分: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
  5. 更新您的React Native状态