如何在react原生中从lat、long数组映射多个标记

import React from 'react';
import { View } from 'react-native';
import MapView, { Marker } from 'react-native-maps';

const LATITUDE_DELTA = 0.0922;
const LONGITUDE_DELTA = 0.0421;

const locations = [
  { lat: 37.78825, long: -122.4324 },
  { lat: 37.78925, long: -122.4334 },
  // 更多经纬度...
];

const MapScreen = () => {
  return (
    <View style={{ flex: 1 }}>
      <MapView
        style={{ flex: 1 }}
        initialRegion={{
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: LATITUDE_DELTA,
          longitudeDelta: LONGITUDE_DELTA,
        }}
      >
        {locations.map((location, index) => (
          <Marker
            key={index}
            coordinate={{ latitude: location.lat, longitude: location.long }}
            title={`Location ${index}`}
            description={`Latitude: ${location.lat}, Longitude: ${location.long}`}
          />
        ))}
      </MapView>
    </View>
  );
};

export default MapScreen;

import MapView, { Marker } from 'react-native-maps';
import { MarkerCluster } from 'react-native-maps-cluster';

// 在你的组件中使用MarkerCluster
<MarkerCluster>
  {locations.map((location, index) => (
    <Marker
      key={index}
      coordinate={{ latitude: location.lat, longitude: location.long }}
    />
  ))}
</MarkerCluster>