Heatmap for Incidents

[yaswant2403]

You can use the code from the Home Screen to help you create your Heatmap on the Statistics Screen. They have a lot of helpful comments, so please check it out.

Features

• Map should just be centered on the campus and users shouldn't be allowed to move past the boundaries of campus. They can still zoom in and zoom out of the map but just not be able to move outside campus
• Grab all incidents from Firebase and use those incidents to create your heatmap
• Gradients can be one of these here: https://learn.microsoft.com/en-us/bingmaps/v8-web-control/map-control-concepts/heat-map-module-examples/heat-map-color-gradients
• Weight can be determined based on severity of an incident
• A slider on top of the map (Similar to the dropdown on the Home Screen) that allows users to slide through different times and the heatmap changes accordingly. So, maybe maximum of 1 year back and minimum of 1 day. As they slide through, the heatmap should display all the incidents within that specific time range

Here's a very helpful tutorial (explains the weight parameter): https://www.youtube.com/watch?v=_j6ljw3cfR4
Docs: https://github.com/react-native-maps/react-native-maps/blob/master/docs/heatmap.md