小编Nik*_*ala的帖子

将标记放置在地图上时如何获取坐标

我使用react-native-maps创建了地图。现在我需要在单击地图时以文本形式获取纬度和经度。

我尝试了这种方法,但出现错误“找不到变量:坐标”。

export default class Location extends Component {
  constructor(props) {
super(props);
this.state = {
  markers: []
};
this.handlePress = this.handlePress.bind(this);
  }
  handlePress(e) {
this.setState({
  markers: [
    ...this.state.markers,
    {
      coordinate: e.nativeEvent.coordinate,
      key: coordinate,
      color: randomColor()
    }
  ]
});
console.log(e.nativeEvent);
  }
  render() {
return (
  <MapView
    style={styles.map}
    initialRegion={{
      latitude: 7.8731,
      longitude: 80.7718,
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421
    }}
    onPress={e => this.handlePress(e)}
  >
    {this.state.markers.map(marker => (
      <Marker
        key={marker.key}
        coordinate={marker.coordinate}
        pinColor={marker.color}
      >
        <View style={styles.marker}>
          <Text style={styles.text}>{marker.coordinate}</Text>
        </View>
      </Marker>
    ))}
  </MapView>
);
  }
}
Run Code Online (Sandbox Code Playgroud)

我如何修复它?

react-native react-native-maps

3
推荐指数
1
解决办法
5891
查看次数

标签 统计

react-native ×1

react-native-maps ×1