如何在react-native地图中显示多个地图标记？

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

const { width, height } = Dimensions.get('window');

class MapScreen extends Component {
  render() {
    const markers = [
      { coordinate: { latitude: 37.78825, longitude: -122.4324 }, title: 'Marker 1', description: 'This is marker 1' },
      { coordinate: { latitude: 37.7758, longitude: -122.4128 }, title: 'Marker 2', description: 'This is marker 2' },
      { coordinate: { latitude: 37.788, longitude: -122.4024 }, title: 'Marker 3', description: 'This is marker 3' },
    ];

    return (
      <View style={styles.container}>
        <MapView
          style={styles.map}
          initialRegion={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
          }}
        >
          {markers.map((marker, index) => (
            <Marker
              key={index}
              coordinate={marker.coordinate}
              title={marker.title}
              description={marker.description}
            />
          ))}
        </MapView>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    ...StyleSheet.absoluteFillObject,
    justifyContent: 'flex-end',
    alignItems: 'center',
  },
  map: {
    width: width,
    height: height,
  },
});

export default MapScreen;