React-native-maps 用不同颜色填充区域

Question

我使用react-native-maps 作为地图库。有没有办法用不同的颜色填充区域？我有从 Internet 下载的国家/地区的 geojson，并将其放入 <Geojson> 组件中。

<MapView
   style={styles.map}
   zoomEnabled
   provider={PROVIDER_GOOGLE}
 >
      <Geojson 
         fillColor="red"
         geojson={geojson}
      />
</MapView>

这是我收到的。

同样的问题：react-native-maps fill color to each region。

Answer 1

可以使用多个<Geojson /> 组件并为它们设置不同的fillColor prop。类似的东西。

{geojson.features.map(feature => {
   const insertedObject = {
       features: [feature]
   };

   if (feature.id === 'AGO' ||feature.id === 'AFG' || feature.id === 'RUS') {
        return <Geojson 
                  geojson={insertedObject}
                  fillColor={'orange'}
               />
   }
    return <Geojson 
             geojson={insertedObject}
             fillColor={'red'}
           />
})}