Code Blender

An atomic Middleman partials library

Geolocation

  2. Atom
  3. Geolocation

By default, Firefox uses Google Location Services to determine your location by sending: your computers IP address, information about the nearby wireless access points, and a random client identifier, which is assigned by Google, that expires every 2 weeks.

Find your location


Resources Useful websites and tutorials

Title URL
Geolocation with Google Maps http://www.paulund.co.uk/how-to-use-geolocation-api-with-google-maps
Responsive Map Generator http://yava.ro/mapgenerator/
Google Maps Developer https://developers.google.com/maps/
Google Maps Tutorial https://developers.google.com/maps/documentation/javascript/tutorial
HTML5 GeoLocation http://www.w3schools.com/html/html5_geolocation.asp
HTML5 GEO Demo http://html5demos.com/geo
Diving Into GeoLocation http://diveintohtml5.info/geolocation.html
GMaps JS http://hpneo.github.io/gmaps/examples.html

Tasks

Task Date
Provide a Google Map by simple creating a gmap div with some data attributes ie, data-zoom=14, data-markers
Handle the errors for the GeoLocation, Permission denied, Position unavailable, Timeout
Markers should be added to an array, draw from data-markers
All Maps API applications should load the Maps API using an API key
Info Windows if inline in the HTML they should be hidden somehow, although doing this hides them from the map too
Hook up the places API for starbucks searching within a Radius
Create options for Bing, OpenMap, Apple maps etc