Google Maps API

Google Developer Night

Chris Atenasio

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

Custom Overlays and Map Types


<script src=""></script>
<div id="map" style="width:100%;height:100%"></div>
function load() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(37.5042, 127.0049), 16);
                       document.createTextNode("Hello, world"));

5. Documentation

6. Editable Examples

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