In order to get a list of all animal hospitals in Denmark, I had to use a web scraper to scrape Google Maps for animal hospitals and clinics. When the web scraper had finished I could then export the list as a JSON file and import this into the application which I developed using Flutter.
When the map is zoomed out the markers are grouped together and get represented by a blue circle with a white number in the middle. The white number indicates how many animal hospitals are in the area of the blue circle. Clicking on the blue circle will zoom in to that area on the map, and the markers are released from the group so that they get placed on the adresses for their respective animal hospital. Clicking on a marker brings up a floating dialog, where it’s possible to change the color of the marker as well as to enter an information screen with basic information about the animal hospital as well as an area where the user may write notes.
This section provides images related to this project, such as sketches, wireframes, screenshots and similar. Click on an image to view the full size.