无法显示来自ReactNativeMaps的多边形

时间:2019-02-21 17:06:47

标签: javascript reactjs react-native maps react-native-maps

我无法正确查看多边形。 我认为这是因为从我的API中我收到了一个对象数组。

这是我的代码

<MapView.Polygon
  coordinates={poligonofinale}
  strokeColor="#000"
  fillColor="rgba(255,0,0,0.5)"
  strokeWidth={3}/>

我的坐标var是

const poligonofinale = this.state.poligono.map(poligono => {
   let test = poligono["poligono"][0]
   return test.coordinates;
});

在poligonofinale中进行console.log我得到了

Array [
Array [
    Object {
        "latitude": 45.49618557493205,
        "longitude": 12.253101244568825,
    },
    Object {
        "latitude": 45.49635266968306,
        "longitude": 12.252548038959503,
    },
    Object {
        "latitude": 45.496856301073855,
        "longitude": 12.25320216268301,
    },
    Object {
        "latitude": 45.496716939221876,
        "longitude": 12.25351095199585,
    },
],]

我认为这个Double数组是错误的,所以这就是我无法渲染多边形的原因。 谁能帮我吗?

1 个答案:

答案 0 :(得分:0)

已将此代码行固定为坐标。.

<MapView.Polygon .. coordinates={poligonofinale[0]}/>