Question

我们可以通过DefaultMarkers创建多个标记，但是我只需要一个标记。我需要在标记之前删除并创建新标记。我该怎么办？

我认为其他例子离我的想法还差得远。所以，如果您有更好的主意，请告诉我。

let id = 0;


  constructor(props){
    super(props);
    this.state={
      markers: [],
    }
  }


onMapPress(e) {
    this.setState({
      markers: [
        ...this.state.markers,
        {
          coordinate: e.nativeEvent.coordinate,
          key: id++,
        },
      ],
    });
  }


  <MapView
     style={styles.map}
     initialRegion={{
        latitude: 28.95761453,
        longitude: 50.83710976,
        latitudeDelta: 0.0200,
        longitudeDelta: 0.0200,
     }}
     provider={this.props.provider}
     onPress={(e) => this.onMapPress(e)}>

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

   </MapView>

Answer 1

只需从 onMapPress 方法中删除 ... this.state.markers 行，然后检查输出即可。让我知道是否有任何错误。

onMapPress(e) {
    this.setState({
      markers: [ 
        {
          coordinate: e.nativeEvent.coordinate,
          key: id++,
        },
      ],
    });
  }

如何通过react-native-maps创建一个标记？

1 个答案: