React-Native-Maps如何绘制折线

时间:2016-10-13 11:57:18

标签: javascript reactjs react-native apple-maps

我已经开始使用https://github.com/airbnb/react-native-maps并且没有运气从地图上的数组坐标数组中绘制折线。

我不确定我是否正确传递了坐标数组。

这就是我渲染折线的方式:

      {this.state.polylines.map(polyline => (
        <MapView.Polyline
          key={polyline.id}
          coordinates={polyline.coordinates}
          strokeColor="#000"
          fillColor="rgba(255,0,0,0.5)"
          strokeWidth={1}/>
      ))}

polyline.coordinates 看起来像:

      [[lat,lng],[lat,lng],[lat,lng]]

感谢您提供任何帮助/建议:D

1 个答案:

答案 0 :(得分:1)

我认为坐标必须是LatLng类型的数组,因为它在API中有记录。

如何创建LatLng个对象可以在组件MapMarker中找到。您可以在此处找到source code(链接到相关行)和component API

希望这会对你有所帮助,
的Marius