反应原生地图集成

Question

我正在尝试将谷歌地图集成到我的react-native应用程序中。为此我正在使用react-native-map图书馆。我得到一个错误，而使用标签。

下面是我试过的代码:-

<MapView
provider={PROVIDER_GOOGLE} // remove if not using Google Maps
style={styles.map}
initialRegion={{
latitude: region.latitude,
longitude: region.longitude,
latitudeDelta: region.latitudeDelta,
longitudeDelta: region.longitudeDelta,
}}
>
<Marker
coordinate={{
latitude: region.latitude,
longitude: region.longitude,
}}
draggable={true}
>
<Callout>
<Text>Callout</Text>
</Callout>
</Marker>
<Polygon
coordinates={{
latitude: 24.591489,
longitude: 73.722545,
latitudeDelta: 0.0005,
longitudeDelta: 0.0002,
}}
/>
</MapView>

这是我得到的错误:-

更新由:AIRMapPolygon管理的视图的属性'坐标'时出错

Answer 1

像这样创建一个LatLng数组并尝试

const [coordinates,setCoordinates] = useState([
{
latitude:36.778259,
longitude: -119.417931
},
{
latitude:47.751076,
longitude: -120.740135
}
])
...
<Polygon
coordinates={coordinates}
/>