Mashups, Web Apps and APIs

Building the GeoWeb

Raul Vera, Google Australia

Web Directions South 2007

Overview

(These slides are a mashup, hosted on Google Pages)

Maps API

<script src="http://maps.google.com/?file=api&v=2&key=...">
  function showMap() {
    var map = new GMap2(document.getElementById("map"));
    var sydney = new GLatLng(-33.866852, 151.20723);
    var zoomLevel = 13;
    map.setCenter(sydney, zoomLevel);
  };
</script>

<body onLoad="showMap();">
  <div id="map" style="width:100%;height:100%"></div>
</body>
var marker;
if (what == "marker") {
  marker = new GMarker(sydney);
  map.addOverlay(marker);
  map.panTo(sydney);
}
var marker;
if (what == "marker") {
  marker = new GMarker(sydney);
  map.addOverlay(marker);
  map.panTo(sydney);
} else if (what == "infowindow") {
  if (marker) {
    var tabs = [
      new GInfoWindowTab("Event", "Web Directions..."),
      new GInfoWindowTab("Venue", "Sydney Convention...",)
    ];
    marker.openInfoWindowTabsHtml(tabs);
  }

Mapplets

Mapplet Demo

KML

KML in Maps Demo

The GeoWeb

Coverage: USA, UK, Japan, France, Italy, Germany, Spain, Australia, Everywhere.
User interface: Pan & zoom, Map type, Scale, Overview.
Content: Marker, Infowindows, (Clear.)
Events and Behavior (Clear.)
Geocoding: 
Custom Map Types:  NYC Subway, London Tube, Demographics
Web Directions South 2007 — Raul Vera, based on slides by Steffen Meschkat, Google