Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Heatmap for Incidents #21

Open
yaswant2403 opened this issue Nov 21, 2024 · 0 comments
Open

Heatmap for Incidents #21

yaswant2403 opened this issue Nov 21, 2024 · 0 comments

Comments

@yaswant2403
Copy link
Collaborator

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants