在react-native-maps中渲染多个标记

Question

Hye，Im新的反应本地化并想问我如何在地图中渲染多个标记。

这是我的代码

内部类： -

constructor(props) { 
super(props); 

    this.state = { 
    coordinate: ([{ 
    latitude: 3.148561, 
    longitude: 101.652778, 
    title: 'hello' 
    }, 
    { 
    latitude: 3.149771, 
    longitude: 101.655449, 
    title: 'hello' 
    } 
    ]), 
}; 

}

内呈现： -

<MapView 
     style={styles.map} 
     showsUserLocation={true} 
     followUserLocation={true} 
     zoomEnabled={true} 
     //annotations={markers} 
     > 
      <MapView.Marker 
       coordinate={this.state.coordinate} 
       title={this.state.coordinate.title} 
      /> 
     </MapView> 

我想渲染里面的地图和我这两个标记不知道如何在原生反应中做出循环来渲染它。我已经尝试了文档中的内容，但仍然无法工作。

预先感谢您:)

Answer 1

coordinate属性不正确构造。做这样的事情 -

this.state = { 
    markers: [{ 
    title: 'hello', 
    coordinates: { 
     latitude: 3.148561, 
     longitude: 101.652778 
    }, 
    }, 
    { 
    title: 'hello', 
    coordinates: { 
     latitude: 3.149771, 
     longitude: 101.655449 
    }, 
    }] 
} 

内呈现

<MapView 
    .... 
> 
    {this.state.markers.map(marker => (
    <MapView.Marker 
     coordinate={marker.coordinates} 
     title={marker.title} 
    /> 
))} 
</MapView>