Using a combination of Bubble and HTML coding, I created a map that pulls data from a manually updated construction project list. The list itself has many data categories to pull from including one for the project thumbnails, a list of updates on each project, coordinates, and categories that filter the map markers that appear. I use HTML code to pull the data from the table and create the map markers, which are color coded based on the project's categories. These include green markers for new storefronts and restaurants, blue for attractions, orange for minor refurbishments, and so on.
The total time taken from beginning to end was approximately 3 days to get everything functioning the way I desired. I built the site and app itself in Bubble from scratch without the use of a template, which was difficult given my coding experience. It was a learning process that I thoroughly enjoyed!
Unfortunately the website is not operational at the moment due to the monthly costs of running it. When I have it back online in the future, the map will be embedded below.
Unfortunately the website is not operational at the moment due to the monthly costs of running it. When I have it back online in the future, the map will be embedded below.
