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

Question

我使用 react-native-maps 作为地图库。有没有办法用不同的颜色填充区域？我从互联网上下载了带有国家/地区的 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 属性。诸如此类。

{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'}
           />
})}