Problem
Client requested an interactive page where potential customers could quickly observe the use of their product and its effectivness across the US.
Solution
Created a custom Google Map using the Google Map’s JavaScript API that allowed for customers to observe at a glance where the product was being used and get more information about each location.
Highlights
Take a closer look at the specifics of the different elements and functionality I included in this project.
Google Map
Most custom map styles are set within the Google Maps account associated with the site. The map is brought in through the Google Maps API and functionality is a mix between API methods and custom solutions.
Zoom/Info Card
Added functionality to zoom in on a location when the marker is clicked as well as display a custom info card. Map markers change on focus. Included a slider on the card for location with multiple images as well as a link to a related video if applicable.
