Google Maps API

Google Developer Night
2007-10-16

Chris Atenasio
atenasio@google.com

Slides from Steffen Meschkat, Doug Ricket

1. Introduction

Google Maps: 2 Years Old
Me: 3 Years Old
This Workshop: Overview, Examples, Exercises

2. Google Maps

Coverage: The World (working on it..)
Types: Street Maps, Satellite/Aerial Imagery, Both
User interface: Zoom, Pan, Map type, Scale, Overview
Content: Markers, Lines, Infowindows
Searches: Addresses, Yellow Pages, Directions

3. Google Maps API

4. API Features

Markers
Polylines
Infowindows
Custom Overlays and Map Types

Code

<script src="http://maps.google.com/?file=api&v=2&key=..."></script>
<div id="map" style="width:100%;height:100%"></div>
<script>
function load() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(37.5042, 127.0049), 16);
    map.setMapType(G_SATELLITE_MAP);
    map.openInfoWindow(map.getCenter(),
                       document.createTextNode("Hello, world"));
  }
}
</script>

5. Documentation

6. Editable Examples

Coverage: USA, Canada, UK, Japan, Everywhere.
Map types: Street Maps, Satellite/Aerial Imagery, Both.
Content: Marker, Infowindows, Polylines. (Clear.)