My examples using version 2 of the Maps API

• Example0 Minimal example
• Example1 Modified for size, larger control, type control
• Example2 Add Lat/Lng center, span and bounds, and zoom level
• Example3 Dynamically resize map with page.
• Example4c Marker click Handling. This example adds methods to the marker object to open and close the infowindow and add tool tips to the markers.
  (Older versions: Example4b, Example4a, Example4).
• Example5 Add controls Click to place markers along a route. Then press the "Show XML" to show the markers in a div. Cut and paste to an XML file on your local disk. You can upload the file to Nick Fessel's site display it.
• Example6b Load markers from XML Enhance the previous example by adding an XML loader, use small icons, and edit marker titles.
  Put the relative URL of a marker file from my server in the input box beside the "Load XML" button. Examples include data.xml, data1.xml, data2.xml, m2c.xml, c2m.xml. (Javascript permissions do not allow loading XML from arbitrary locations without additional code and/or script signing.) Then press "recenter" to center the map on the data. For the Alberta Tour legs, you will need to zoom out to level 10 to see the entire legs. Press "Route" to show the route line. Press "Hide" to remove route and markers, and the "Markers" or "Route" to redisplay one or both overlays. Press "Paths" to show the paths. Press "Nodes" to show the path nodes.
  (Older versions: Example6a, Example6.
• Example7 large map with with minimaps in the infowindows
• Example8 right side panel example
• Example8a left side panel example
• Example8b left side panel example, with sidebar tabs
• Example9 full page map with MapBlowup infowindows
• Example9a variation on above, with header and footer
• Speed Test (1) modified speed test.
• Speed Test (2) modified speed test with summary.
• Speed Test (2a) modified speed test with summary using GMarker subclass.
• Speed Test (2b) modified speed test simplified.
• Speed Test (3) evaluate basic marker rendering speed.
• Memory Leak Test. Create (or reuse) 100 markers every second. Original implementation: http://lewis.fel.com/lake-dunmore/memtest.html
• My Google Map Control Panels. These are modified from the similarly named panels at JShape Ways to Use Google Map API, and include a center cross hair control: K_CrossControl.
  See K_CrossDemo for a minimalist demo of the center cross hair control.
• Popout Map (My modified version.)
• Polyline Bug Map default, forced no SVG, forced SVG Illustrates misalignment of long polyline end points in Firefox. Compare the map, side by side with the same page in Internet Explorer.
  The red line connects two distance end points.
  The blue line is drawn from the center point marker outward to the end points.
  The green line is drawn inward from the end points to the center marker.
  The red and blue lines are separated at the center point due to spherical geometry and projection distortion. The blue and green lines should overlay exactly.
  This page won't make much sense unless you have an SVG enabled browser.
• Draw Circle on Map (My modified version.)
• Map ID Test 1 (My modified version of the map id test.)
• Test multiple onload handlers.
• Test multiple onload handlers with a map.
• Calculating bounds from center and zoom level.
• Change marker when hovering on link.
• Show a map in an iframe.
• Show a map in an object.
• Show info windows with tabs.
• Show a small context map.
• Map off screen control demo (new).
• Demonstrate keyboard map controls.
• Simple continous scolling.
• Show synchronized maps at all zoom levels.
• Logging with the GLog object. Also see the my enhanced events example from API documentation.
• Show live dragging of polyline vertices (from Esa).
• Show live dragging of polyline vertices (from John).

Learn about the Google Maps API. Discuss it on Google Groups. Visit Fun with Google Maps for more examples.

This work is licensed under a Creative Commons Attribution 2.5 License .