Comments and just comments. Now reversed. Newest first.
Questions are answered on forum, cannot answer here. Thanks to all of you for valuable feedback.

Google Maps API Examples and Test Pages

Mostly cool. Some hot.
Blog A cluttered collection of experiments.
Transparent map layers Upper layer of Hybrid map type can be used by its own. Zoom display as a custom GControl also presented.New
BoundsBox v3 v3 does not support polylines yet. A rectangle by coordinates can be drawn by a <div> overlay. New
Location by browser v3 FF3.5 and Chrome can provide client location. Other browsers with Google Gear installed make it as well. New
GNavLabelControl() A new GControl() block that shows reverse geocode data of the map viewport.
Collapsible sidebar Sidebar of demystified and shamelessly copied.
Drag & drop sortable list You don't have to load an enormous general purpose JavaScript library just for dragging and sorting. We can make drag sortable lists with GDraggableObject.
Marker categories Sidebar with checkboxes that switch groups of markers on and off. This one hides the list from sidebar too.
Markers from a text file The popular concept rewritten. Now the source code can be read and understood. A two-way interactive sidebar is a must nowadays.
Polyline from a text file Markers from a csv text file have been used. Why not polylines or polygons too.
Batch geocoder Geocode your list of addresses in a single batch. Optional extension is added to each line of the list. Output in CSV again.
Reverse geocoder Place a marker on map and it snaps to nearest address which is shown. Save selected reverse geocode results as CSV.
GPolyline editor This simple polyline editor does not output KML nor GeoJSON but plain text with comma separated coordinates, CSV.
showBounds() Autofitting markers to the map viewport is a popular routine. This method has padding parameters for not to have markers hiding under top border or under the zoom slider.
GLayers map.addOverlay(new GLayer("com.panoramio.all")); and you have geotagged photos on your map! Try all the available layers here. Updated by a feed from Google documentation.
Sprites A fascinating technique to handle custom marker image sets.
borderWatcher borderWatcher() method indicates markers outside viewport and approximately on which direction. CSS of map border is manipulated by JavaScript.
Add markers MyMaps way This example does't do anything useful but it gives you an idea if you are building a service where users place markers on map.
Draggable GDirections Api does not give draggable driving directions like 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.
Hide controls Make your map cleaner by hiding the controls when they are not used. .hideControls() method hides and showControls() brings them back.
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. Repaired
Circle A simple way to draw a circle with radius in kilometers.
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.
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.
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 gmapsapiATgmailDOTcom
Thank You for stopping by. Click again.