Google Maps API examples

Draggable GDirections Api does not give draggable driving directions like maps.google.com. You can make the markers draggable by creating new ones and sending the original ones to South Pole. An add-on code to original Google example. New
Geodesic Polylines that follow great circle are now as simple as setting 'geodesic' option true. (v2.84+). Rightclick event is also tested here.
GeoRSS GeoRSS feeds can be read with Google AJAX Feed API. No server side scripting needed.
Circle A simple way to draw a circle with radius in kilometers.
Wheel Zoom Zooming by mouse scrollwheel came with 2.78. Preventing page scroll must be coded separately.
GPolygon clock A world clock as first experiment to prove that GPolygons can be used to implement dynamic presentation graphics. More to come about the subject.
Markers too close together A promising solution to the famous problem. Z-index switching is the idea. Now with marker color swap.
Lat/lng upside down Latitude / longitude confusion has happened to anyone. See where you go if you make that mistake.
Auto zoomOut Detecting 'sorry' error tiles has been an unsolved problem. Here it is. Simple, may I say, clever. Sometimes it is too sensitive but it works.
Very deep zooms Zoom levels over 19 are possible without any special script. Some important areas are available at zoom level 21.
Filled polygon 2.69 gave us GPolygon(). It is like GPolyline() but with fifth and sixth parameters which define the fill. See how it behaves when reshaped so that lines cross.
Sorting by distance Markers are sorted by distance from a reference point. Only a certain (adjustable) amount of markers are shown.
Map contents from a text file GDownloadUrl() method is used to read marker locations and info bubble contents from a comma separated text file (csv).
Measuring ruler A handy distance measuring tape containing two draggable markers and a line between them. The dimension is displayed by two ELabels traveling with the markers. Also shown GDraggableObject which came with 2.59.
Autosize map Map that autosizes when browser window is resized. A built in feature in api v2. Only IE needs a small fix.
Draggable markers. Animated zoom. Draggable markers came with API v2.46. Animated zoom came with 2.58.
See through hole A movable hole in map shows satellite view.
GClientGeocoder Geocoding was built in API at v2.55. It is not very strict in typing rules. See the returned results and the speed here. Updated
Polylive Polyline reshaping in real time. A study demonstrating the power of SVG. Can be accessed with IE but the polyline rendering is by slower VML then.
Two way map editor A map editor that enables polyline and marker drawing by directly clicking on map. Points can be edited and tested. Any script can be written and run.
Map design aid Design your map layout. Adjust the size by scrollbars. Select the control buttons. Find center and zoom.
How many decimals A study about coordinate precision.
Event test tool. These pages list all the GEvents you cause by hovering, clicking, dragging etc... Separate lists for map and marker. Now also GEventDomListener for map DOM. You can run your own scripts. Gives you lot of undocumented information.
Finland City-infoDual map concept is very user friendly even the panning or zooming are not interconnected. Now equipped with geocoding. Also Google Ajax Search Api is applied.
Hide controls Make your map cleaner by hiding the controls when they are not used. .hideControls() method hides and showControls() brings them back.
Myriad of markers 'Mousemove' creates a new marker at any moment that your computer processor has time to do it. Not only for fun but also for study. GLog displays the amount of markers.
Coordinates of mouse pointer 'Mousemove' event (v2.38+) returns mouse LatLng when mouse pointer moves on map. Even on open info window. A highly useful GEvent.
The first draggable markers 'Mousemove' event was used to move a marker by dragging. Saved for historical reasons.
Preloading hidden maps Why? For instant swiching between different views. Plus making custom buttons a very simple way as a bonus for quick readers.
Overview map was introduced in v2.41. Now API has dual map concept built in. This page was written immediately because I feel dual maps have a smiling future.
SVG test pagePolylines are PNG images that are formed in Googles server. The exeption is IE which draws the polylines using VML vector graphigs language. SVG support was introduced in v2.37. SVG is a more advanced vector graphigs markup language that is supported by new browsers FF1.5 and Opera9. Not for those few IE-users still out there.
RSS in info balloon If you can put RSS in iframe you can put iframe in infowindow. I am using a PHP script that reads RSS but no Atom. Atom to RSS conversions are made via online services.
Front/back order of markers can be messed simply by moving them in south-north direction. (v1)
Classic dual mapFrom July 2005. First only the big map was draggable and the small map followed as slave. I presented a question on forum how to avoid infinite loops if I connect them bidirectionally. Mike Williams presented a solution immediately. Later a bookmarking system was added. Crosshairs are simply characters "o" and I do not see a reason for more complicated arrangements.
Opposite side of the world Four maps interconnected. Mathematics was simple because API accepts longitudes outside ±180 degrees (second turn).
Many markersA simple page that enables you to test large numbers of markers on a map. There is an adjustable delay to test 'raindrop' effect. Actually the JavaScript timeout() causes some delay even with zero setting!
Kartta nettisivuillesi A beginners tutorial for those who can read Finnish. Suomeksi.
Blog Finnish. Suomeksi.
Mail me gmapsapiATgmailDOTcom