Build website with a map, shapes over it, and a filter
Budget: $30 – $250 USD
I want to build a prototype of a frontend web application which contains:
- A map of Dubai (openstreetmap for example)
- The shapes of some buildings impressed on top of it
- A filter to be able to highlight some of the buildings depending on a dropdown
This is a prototype, but we should show something like 1,000 buildings with a UX that responds fast (to load and when changing the colors based on the filter).
Here there is data including the shape of the buildings in Dubai: https://www.dubaipulse.gov.ae/data/dm-location/dm_dmgisnet_enterances-open
The screenshot shows an idea on how the UI could look like, but hopefully looks a bit better.
There is no backend here, all the data should be made available as javascript/json, and all the UI, filtering... should be implemented via javascript. Any javascript library is fine, but the code should be reasonably simple and the library/libraries should be open source and somehow popular and maintained.
- A map of Dubai (openstreetmap for example)
- The shapes of some buildings impressed on top of it
- A filter to be able to highlight some of the buildings depending on a dropdown
This is a prototype, but we should show something like 1,000 buildings with a UX that responds fast (to load and when changing the colors based on the filter).
Here there is data including the shape of the buildings in Dubai: https://www.dubaipulse.gov.ae/data/dm-location/dm_dmgisnet_enterances-open
The screenshot shows an idea on how the UI could look like, but hopefully looks a bit better.
There is no backend here, all the data should be made available as javascript/json, and all the UI, filtering... should be implemented via javascript. Any javascript library is fine, but the code should be reasonably simple and the library/libraries should be open source and somehow popular and maintained.