如何在mapbox中拖动PointAnnotation-react native

时间:2018-10-25 16:06:29

标签: android react-native mapbox

我在react-native 0.55.4上使用Map-Box,正如您看到的以下代码所示,代码可以正常工作,但标记不会被用户更改。 因此,我希望用户能够通过标记选择他的位置,那该怎么办? 有帮助吗?

  renderAnnotations () {
    return (
      <Mapbox.PointAnnotation
        key='pointAnnotation'
        id='pointAnnotation'
        coordinate={[11.254, 43.772]}>

        <View style={styles.annotationContainer}>
          <View style={styles.annotationFill} />
        </View>
        <Mapbox.Callout title='Look! An annotation!' />
      </Mapbox.PointAnnotation>
    )
  }

  render() {
    return (
      <View style={styles.container}>
        <Mapbox.MapView
            styleURL={Mapbox.StyleURL.Dark}
            zoomLevel={15}
            centerCoordinate={[11.256, 43.770]}
            style={styles.container}
            showUserLocation={true}> 
            {this.renderAnnotations()}
        </Mapbox.MapView>
      </View>
    );
  }

0 个答案:

没有答案