在React Native中的应用视口中计数标记

时间:2019-12-03 21:39:57

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

我正在开发React Native应用,其中我在整个区域中具有带有多个标记的map(react-native-maps)。我想计算设备视口区域中存在的标记。 在onRegionChange事件上,我需要计数并显示总数。我曾尝试计算边界区域,但在缩放时无法正确计算。

export const getRegionBoundaries = (center, zoomLevel, viewport) => {
  const { latitude, longitude, latitudeDelta, longitudeDelta } = center;
  const { width, height } = viewport;

  const [x, y] = merc.px([longitude, latitude], zoomLevel);
  const xmin = Math.floor(x - width / 2);
  const xmax = xmin + width;
  const ymin = Math.floor(y - height / 2);
  const ymax = ymin + height;

  const [westLongitude, northLatitude] = merc.ll([xmin, ymin], zoomLevel);
  const [eastLongitude, southLatitude] = merc.ll([xmax, ymax], zoomLevel);

  return {
    northLatitude,
    southLatitude,
    westLongitude,
    eastLongitude
  };
};

在这方面的任何帮助将不胜感激

0 个答案:

没有答案