Skip to content

Google Maps Store Locator App build with JavaScript🔥. It helps to locate stores on the map🌎.

Notifications You must be signed in to change notification settings

sharjeelyunus/Google-Maps-Store-Locator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Google Maps Store Locator🌎

Google Maps Store Locator App JavaScript Project.

  • Locate Stores on Map.

How it works?

When you click on markers or the list menu a popup window opens showing some details of that store. Also you can search the the store by its Zip Code.

Vlc-Record-2020-04-26-18H06m39s

What you can do?

You can use it as your store locator or anything like farms or food points in your city.

How?

  • Fork this Repository
  • Update Location Coordinates
  • Update Data (Name, phone number)

That's it, Now it's your Locator.

Plan Of Action ✈

  • ✔ Create Wireframe
  • ✔ Setup base HTML Structure
  • ✔ Import Google Map intpo the window
  • ✔ Add the text store locator
  • ✔ Add input box
  • ✔ Add Store List Container
  • ✔ Add Individual Store Container
  • ✔ Style the individual store item in the Stores list
  • ✔ Show all the stores in the stores list based on real world data
  • ✔ Show the marker based on real world store data
  • ✔ Complete styling for the marker info window
  • ✔ Open the info window marker on store selection in stores list
  • ✔ Allow a user to search for the stores in a zip code
  • ✔ Add a beautiful transition on the hover of the individual store

If the Map is not showing (The API key might have been disabled)

About

Google Maps Store Locator App build with JavaScript🔥. It helps to locate stores on the map🌎.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published