A "Locations Near Me" Finder Leveraging the Google Maps JavaScript API
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.DS_Store
Chipotle-Logo.png
README.MD
allLocations.js
createSearchableMap.js
index.html
logo.png
reset.css
screenshot.png
style.css

README.MD

Locations Near Me

picture alt

This is a demo of a simple client-side application that leverages the Google Maps JavaScript API to give a user the ability to search for locations of a given business within a specified radius.

Sample Data

Sample location data for the demo is a list of Chipotle restaurants with addresses, latitude and longitude information, and dummy phone numbers.

To set up a list of any locations you want, simply format the list as an array of objects with these properties:

{
    name: "Chipotle Boston Street",
    lat: 39.2818348,
    lng: -76.5837981,
    address: "2400 Boston St",
    city: "Baltimore",
    state: "MD",
    zip: "21224",
    phone: "(555) 555-5555",
  },

How to Use

  • Create a form in your HTML document to capture user data
  • Edit the element IDs in createSearchableMap.js to reflect the fields in your form
  • Save your desired list of locations, formatted as an Array of objects, as allLocations.js
  • Get your own Google Maps API key, insert, and go! Visit https://console.cloud.google.com/ to create an account and activate the Maps and Geocoding APIs and generate credentials. They are free and basically unlimited (up to 40,000 calls per month for Geocoding).

Future Updates

  • Add "settings" object to streamline future deployments