Question

嗨，我得到了一系列数组，我想在地图上添加标记

我使用此代码，当我使用数组标记添加的第一个对象但要添加所有标记时未添加摄像头时，照相机正常！

这可能是代码：

<View >
  <MapView
    provider={PROVIDER_GOOGLE}
    onLayout={this.onMapLayout}
    style={styles.map}
    initialRegion={{
      latitude: this.props.data ? this.props.data[0].YPOINT : '',
      longitude: this.props.data ? this.props.data[0].XPOINT : '',
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421,
    }}

  >

    {this.state.isMapReady && this.props.data.map((value, index) => {

       { console.log("index is : " +index+"\n Ypoint : " + value.YPOINT+ " Xpoint : " + value.XPOINT)}
      <Marker
        key={index}
        coordinate={{
          latitude: value.YPOINT,
          longitude: value.XPOINT,
        }}
      />
    })}

  </MapView>
</View>

我的代码是错误的？

感谢您的帮助。

Answer 1

您需要像这样从map返回

{this.state.isMapReady && this.props.data.map((value, index) => {
      console.log("index is : " +index+"\n Ypoint : " + value.YPOINT+ " Xpoint : " + value.XPOINT)
      //return your marker here
      return <Marker
        key={index}
        coordinate={{
          latitude: value.YPOINT,
          longitude: value.XPOINT,
        }}
      />
    })
}

在React Native中的地图上未显示标记

1 个答案: