https://github.com/justehmadsaeed/google-maps-store-locator
A Javascript app to locate stores at the Google Maps π₯
https://github.com/justehmadsaeed/google-maps-store-locator
google-maps google-maps-api hacktoberfest hacktoberfest-accepted javascript js-challenges locator-map
Last synced: about 1 year ago
JSON representation
A Javascript app to locate stores at the Google Maps π₯
- Host: GitHub
- URL: https://github.com/justehmadsaeed/google-maps-store-locator
- Owner: justEhmadSaeed
- Created: 2020-04-07T20:04:45.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-08-07T08:02:40.000Z (almost 5 years ago)
- Last Synced: 2025-04-05T05:41:27.680Z (over 1 year ago)
- Topics: google-maps, google-maps-api, hacktoberfest, hacktoberfest-accepted, javascript, js-challenges, locator-map
- Language: JavaScript
- Homepage: https://store-locator-by-ehmad.netlify.app/
- Size: 44.9 KB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Google Maps Store Locator App
- A Javascript Project to build an App to locate stores at the Google Maps
- If the map is not showing... Apologies (the API key might have been disabled LOL)
## Plan Of Action
- β Create Wireframes
- β Set Up the Base HTML Structure
- β Import Google Maps into the Web Page
- β Add the Text Store Locator
- β Add Input Box
- β Add Store List Container
- β Add Individual Store Container
- β Show all the stores in the stores list based on real world data
- β Show the Marker based on real world store data
- β Show the Basic Info Window
- β Complete the styling for the marker info window
- β Open the Info Window marker on store Selection in Stores List
- β Allow the user to search for the stores in a zip code
- β Add a Beautiful Transition on the hover of an Individual Store
## WireFrame

## ScreenShotπ―
