Google Maps APIMartin Kleppe / Ubilabs
Martin Kleppe | @aemkei
Maps API
> 150 Features
Map MapTypeId Controls MapTypeControlStyle ScaleControlStyle ZoomControlStyleControlPosition Overlays Marker MarkerImage M...
Map MapTypeId Controls MapTypeControlStyle ScaleControlStyle ZoomControlStyleControlPosition Overlays Marker MarkerImage M...
Location
var location = new google.maps.LatLng(   49.026564,   8.385753);var options = {   zoom: 12,   center: location,   mapTypeI...
var geocoder = new google.maps.Geocoder();var options = {   address: "Erzbergerstraße 121, Karlsruhe"};geocoder.geocode(op...
navigator.geolocation.getCurrentPosition(success, error);function success(position) {  var location = new google.maps.LatL...
var input = document.getElementById(input);var autocomplete = new google.maps.places.Autocomplete(input);autocomplete.bind...
Custom Icons
var image = new google.maps.MarkerImage(   image.png,   new google.maps.Size(20, 20),   new google.maps.Point(0, 0),   new...
Directions
var service = new google.maps.DirectionsService();var request = {   origin: from,   destination: to,   travelMode: google....
"duration" : {   "text" : "35 mins",   "value" : 2093},"duration_in_traffic" : {  "text" : "46 mins",  "value" : 2767}
Elevation
var service = new google.maps.ElevationService();var options = {   path: latLngs,   samples: 256};service.getElevationAlon...
Time Zones
https://maps.googleapis.com/maps/api/timezone/json?  location=49.026564,8.385753&  timestamp=135189720&  sensor=false
{    dstOffset: 0,    rawOffset: 3600,    status: "OK",    timeZoneId: "Europe/Berlin",    timeZoneName: "Central European...
StreetView
var options = {   position: location,   pov: {     heading: 165,     pitch: 0,     zoom: 1   }};new google.maps.StreetView...
45°
map.setTilt(45);map.setHeading(90);
Places
https://maps.googleapis.com/maps/api/js?  sensor=false&  libraries=places
var input = document.getElementById(input);var searchBox = new google.maps.places.SearchBox(input);google.maps.event.addLi...
Locale
https://maps.googleapis.com/maps/api/js?  sensor=false&  language=ja
Styled Maps
var styles = [   {     featureType: road,     elementType: geometry,     stylers: [       { hue: -45 },       { saturation...
Natural Geography
Weather
var units = google.maps.weather.TemperatureUnit.FAHRENHEIT;new google.maps.weather.WeatherLayer({  temperatureUnits: units...
BIG DATA
Clusterer
http://google-maps-utility-library-v3.googlecode.com
Fusion Tables
Heat Maps
var data = [   new google.maps.LatLng(37.782551, -122.445368),   new google.maps.LatLng(37.782745, -122.444586),   new goo...
Canvas Layer
github.com/ubilabs
Q&A
Google Maps APIMartin Kleppe / Ubilabs
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false
Upcoming SlideShare
Loading in …5
×

https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false Google Maps API - DevFest Karlsruhe

13,730 views

Published on

https://maps.googleapis.com/maps/api/timezone/json? location=49.026564,8.385753& timestamp=135189720& sensor=false

0 Comments
17 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
13,730
On SlideShare
0
From Embeds
0
Number of Embeds
1,532
Actions
Shares
0
Downloads
212
Comments
0
Likes
17
Embeds 0
No embeds

No notes for slide

×