Skip to content

Instantly share code, notes, and snippets.

@jaybobo

jaybobo/maps.md

Last active April 13, 2019 15:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jaybobo/0097a1c9137edea4cf5fd9a200b32a1b to your computer and use it in GitHub Desktop.
Save jaybobo/0097a1c9137edea4cf5fd9a200b32a1b to your computer and use it in GitHub Desktop.
Download ZIP
Learn how to use Google Maps
Raw
maps.md

description

Today, we're going to learn how to use the Google Maps suite of API's to create maps and find locations. Complete the challenges below. Ping us if you have any questions.

challenges

  1. get your api key
  2. see this guide to create a map with one location
  3. create an html page that identifies a users location on a map for them

extra credit

Plot locations for the following datapoints on a single map...

  • 36°03'32"N 112°06'33"W
  • 50450 Kuala Lumpur, Wilayah Persekutuan Kuala Lumpur, Malaysia
  • 72.21.211.176
  • 44 Causeway Rd, Bushmills BT57 8SU, UK
  • 30.0131° N, 31.2089° E

super hard extra credit

Develop a closest search page.

  1. Create an html page with a form
  2. The form should have a single input box
  3. The inbox box should accept a users location or any arbitrary location
  4. Upon submitting the form, the page should display the closest restaurant to the users location.
  5. Plot the closest restaurant location on a Google Map in the users browser

resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment