Using the Google Maps API

Links to examples of various useful things and documentation

• Google Maps API discussion group
• Google Maps discussion group
• Google Maps API documentation
• Google Maps API Blog (Bret Taylor)
• mapki.com - Read This First
• PdMarker
• Mike Williams' Google Map API Tutorial on googlepages - Mike Williams' Google Map API Tutorial
• Doug Henderson's Google Map API examples
• w3schools XML DOM examples
• w3schools XML DOM Tutorial
• w3schools Javascript Tutorial
• w3schools Javascript examples
• W3C Markup Validation Service - from the World Wide Web Consortium (W3C)
• Pretty Printer for Javascript
• Geocoding & Webservices
  • Yahoo Geocoder
  • Test Page for Yahoo Geocoder
  • Ontok Geocoder Javascript API
  • Test Page for Ontok Geocoder Javascript API
  • Earth Tools (time zone or local time, the sunrise and sunset times, and the elevation/height above sea level at a given latitude and longitude.)
• Tutorial pages
  • Google's Marker InfoWindows example with v2.x support and lat/lng display
  • Basic example from Mike Williams tutorial. Loads markers from example.xml, added error checking for "file not found" and "invalid xml file". Removed some unneeded variables.
  • A version of the above page with handling for "file not found" and "invalid xml" errors. Form post selects xml file to load.
  • A version of the above page with handling for "file not found" and "invalid xml" errors. Form post selects xml file to load. Alerts at various stages of the file load.
  • A version of the above page (v1 API) that allows different colored icons defined by the xml file (little ridefinder icons available from Google).
    [version using the V2 API]
  • A version of the above page (V1 API) that allows different colored icons defined by the xml file (normal sized colored markers).
    [version using the V2 API]
  • A version of the above page that allows different lettered icons defined by the xml file (allows the default marker and A-J, available from Google).
  • A version of the above page that allows different numbered icons defined by the xml file (allows 1-99 and the default marker).
  • A version using LabelledMarker from the open source library.
  • A version of the Mike Williams' tutorial map with numbered markers that allows different numbered icons defined by the xml file (allows 1-99 and the default marker) and polylines.
  • Basic example with polylines from Mike Williams tutorial. Loads markers and polylines from example4.xml, added error checking for "file not found" and "invalid xml file".
  • Simple example turning markers on and off with checkboxes (V1 API) using functions documented in the API.
    [version using the V2 API]
  • Simple example turning markers on and off with checkboxes. (without using xml)
  • Convex Hull example on set of random points
  • (YAEMxml) Yet Another Earthquake Map - Selectable external geoRSS earthquake feed (from earthquake.usgs.gov) in a Google map. Uses checkboxes to select displayed icons and a sidebar list of earthquakes
    [version using the V2 API (under development)]
    [test version using the latest V2 API - past day (for test)]
  • (YAEMcsv) Yet Another Earthquake Map - Selectable external csv earthquake data (from earthquake.usgs.gov) in a Google map. Uses checkboxes to select displayed icons and a sidebar list of earthquakes
    [version using the V2 API (under development)]
    [test version using the latest V2 API - last 24 hrs (for test)]
  • World Volcano Browser (using the Google Map API) Data from the Smithsonian Institute, Global Vulcanism Program. (under development)
    
  • Basic example of Tabbed Info Windows from XML (APIv2) (based off of information in Mike Williams Tutorials)
  • Basic example of Tabbed Info Windows with directions from XML (APIv2) (based off of information in Mike Williams Tutorials)
  • More advanced example of Tabbed Info Windows from XML (APIv2) supports "legacy" non-tabbed XML files.
  • More advanced example of Tabbed Info Windows from XML (APIv2) supports "legacy" non-tabbed XML files. This version has code to handle extra whitespace around the <![CDATA[ ... ]]> segments (only seems to be an issue in Firefox).
  • Streetview with tabs
  • Streetview with geocoding
  • Streetview with geocoding, click to change camera position
  • Link To This Page with open infoWindow and Tab (javascript)
  • Geocoding/GDirections Test Page - Geocode the start and end, then get directions, or get directions from the addresses
  • Multi-Geocode examples:
    • Bad - Doesn't work reliably - Same data, but pre-geocoded
    • Another example: Bad - Doesn't work reliably - Same data, but pre-geocoded
    • Another example (addresses from xml):
      • Bad - addresses are in xml file, but lat/lng not included
      • Good - With all the addresses pre-geocoded
  • Hurricane Browser
  • Active Volcanos of the World Tabbed Info Windows from XML (APIv2) - under development
    [version using the latest V2 API (for test)]
  • Simple APIv3 map with geocoding
• Test pages
  • Function Closure test
  • SDSDA Dance Location Map (domaindlx)
  • Arbitrary Directions (by lat/lng)
  • Arbitrary Directions V2 (by lat/lng)
  • Bus Route (polyline & stops)
  • Bio Diesel Stations in Seattle
  • B&B's (click check box to turn on/off markers)
  • Test GeocodeZip
  • Saves center/zoom level between sessions
  • icons defined by xml
  • xml parser (uses espx.js library)
  • &ll= support for Google Map format
  • load multiple xml files in "parallel"
  • frapper (xmlDoc.parseError)
  • Map of the country of Georgia (UN Map overlaid on Google Map)
• Maps
  • Elevation of ground Ground Elevation Graph for polyline from xml
  • I5 in CA (normal polyline) - I5 in CA (encoded polyline)
  • F-18 Crash Site in University City (San Diego) CA
  • Steve Fossett Crash Site
  • Cleveland National Forest
  • Joshua Tree National Park
  • Planes near Balboa Park - 1 - 2
  • Angel Island State Park
  • Anza-Borrego State Park
• other interesting pages
  • Volcanos In The News
  • XML Node Types (local version)
  • lat/lng finder - local version (with interface to Ontok Geocoder)
  • regional map of Oom Yung Doe Schools (3 locations)
  • single school map - Hillcrest School of Oom Yung Doe (works from 2 different domains: this is the second)
  • single school map - Encinitas School of Oom Yung Doe (works from 2 different domains: this is the second)
  • single school map - Mission Viejo School of Oom Yung Doe (works from 2 different domains: this is the second)
  • ACME GeoRSS Map Viewer