Function MapBoundaries

example/src/examples/MapBoundaries.tsx:14–50

(props: any)

const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO;

const MapBoundaries = (props: any) => {
  const [region] = useState({
    latitude: LATITUDE,
    longitude: LONGITUDE,
    latitudeDelta: LATITUDE_DELTA,
    longitudeDelta: LONGITUDE_DELTA,
  });

  const [mapBoundaries, setMapBoundaries] = useState<BoundingBox | null>(null);
  const mapRef = useRef<MapView>(null);

  const onRegionChangeComplete = () => {
    if (mapRef.current) {
      mapRef.current.getMapBoundaries().then(boundaries => {
        setMapBoundaries(boundaries);
      });
    }
  };

  return (
    <View style={styles.container}>
      <MapView
        ref={mapRef}
        provider={props.provider}
        style={styles.map}
        initialRegion={region}
        onMapReady={onRegionChangeComplete}
        onRegionChangeComplete={onRegionChangeComplete}
      />
      <View style={styles.buttonContainer}>
        <View style={styles.bubble}>
          <Text>{JSON.stringify(mapBoundaries)}</Text>
        </View>
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {