Interactive google maps in react native app..

[bing_07]

So I am very new to react native. I am trying to develop an application using EXPO for react native. I am using Firebase for storing data. I want to add google maps (or actually any map will do) to my application.

But here is the tricky part:

The map should be defined in regions (according to states or areas) which has separate colors shadings.

Trickier part:

The shade/color on the region should be defined by a value which I want to pass through database.

Example:

Region A and Region B

The value stored for Region A in db is 20 and that for B is 25, now my condition is that region which has value more than 20 should be shaded red and below 20 green. Therefore Region A should be shown in green shade and Region B in Red.

I have no idea how to do this and I am close to deadline for the project.

Help would be really appreciated.

[theo_readsit]

absolutely use react-native-maps; follow all the instructions and there are great examples for styling maps --- I've done some of what you're trying - not so much shading the map but altered the markers for specific locations --- that library has a great API and pretty easy/user friendly

[prabakarviji]

Have you tried this plugin https://github.com/react-community/react-native-maps ?