反应本机地图折线未显示

Question

这是我的代码。

<View style={styles.map}>
        <MapView
          style={styles.map}
          initialRegion={this.state.region}
          onRegionChangeComplete={this.onRegionChange}
        />
        {
          this.state.allow_set_location ?
            <View style={styles.markerFixed}>
              <Image style={styles.marker} source={marker} />
            </View> : null
        }
        <Polyline
          coordinates={this.state.route_data}
          strokeWidth={1}
          strokeColor="red"
          fillColor="rgba(255,0,0,0.5)"
        />
      </View>

我无法获得折线。我的route_data是对象数组，例如[{latitude: data, longitude: data}.....]

Answer 1

Polyline应该由MapView组件包装，而不是并排包装。

       <View style={styles.map}>
        <MapView
          style={styles.map}
          initialRegion={this.state.region}
          onRegionChangeComplete={this.onRegionChange}
        >
          <Polyline
            coordinates={this.state.route_data}
            strokeWidth={1}
            strokeColor="red"
            fillColor="rgba(255,0,0,0.5)"
          />
       </MapView>
      </View>