Google Maps App
Requirements Retrieve your own Google Maps API Key (it is free)
Add your API Key to Google Maps link in index.html:
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
-
Import Google Maps into the Window
-
Add the header
Store Locator -
Add markers of stores to the map
-
Add info window with name of store to each marker
-
Add input box
-
Add store list container
-
Add individual store container
-
Show all the stores in the stores list using
store-data.js -
Open the info window of the marker on store selection in stores list
-
Complete the styling for the marker info window
-
Allow a user to search for stores in a zip code
-
Add a beautiful transition on the hover of an individual store
Now You have store locator in Maps