Customizing Google Maps

Main Map


MapDist.de

Offers search, directions, distance measurement and much more and more to come.

Single Examples of Special Features - Basics


zoom-test.html (v2)

Use scroll wheel zoom without the API if you didn't like to use enableScrollWheelZoom() for whatever reason.

overview.html (v2)

Position the overview map outside of the main map where you want it to be - even in IE.

extended-keyboardhandler.html (v2)

Try if you can make use of the map solely using the keyboard.

dropdown.html (v2)   (v3)

Change the map types with a cross-browser compatible dropdown box.

textualsave.html (v2)   (v3)

Save your favourite position to find it again from any other position.

textualzoom.html (v2)   (v3)

Zoom in and out with buttons outside of the map.

marker-jumping.html (v2)   (v3)

Open the info window of the next marker by clicking on a link in the current info window.

drag-from-infowindow.html (v2)   (v3)

Drag objects to the map from the document tree and from the info window.

map-in-a-box.html (v2)   (v3)

Load a map in a draggable and resizable div element.

toggle-cats.html (v2)   (v3)

Toggle the markers on the map and simultaneously their associated links in the sidebar.

tabbed-infowindow.html (v3)

Use completely customizable tabs in info windows without any additional library.

Layer Overlays


more-button.html (v2)

Hover over the 'More button' to get checkboxes for selecting new layers displayed on the map.

traffic-button.html (v2)   (v3)

Display live traffic information on the map in certain cities.

Polylines and Polygons


polylines.html (v2)   (v3)

Draw polylines between removable markers.

polygon.html (v2)   (v3)

Draw resizable polylgons and calculate the area on the fly.

switch-polies.html (v2)   (v3)

Switch between resizable polylines and polylgons.

KML and KMZ


kml-shapes.html (v2)   (v3)

Toggle KML and KMZ overlays.

Map Animation


anim.html (v2)   (v3)

Pan the map automatically from marker to marker and open the corresponding info window.

Sounds


sounds.html (v2)   (v3)

Play sound files at specified events.

Picture Gallery


picture-gallery.html (v2)   (v3)

Change the content of info windows using Javascript in an iframe.

Elevation Queries


cross-domain-xhr.html (v2)

Elevation queries with cross domain AJAX requests via PHP proxy.

Driving Directions


routeonclick.html (v2)

Get driving directions by clicking onto the map. This is limited to three markers. All of them are draggable and seperately removable. [Unfinished]

Libraries (v2)


ContextMenuControl 1.0

This lets you add a comfortable context menu with just one line of code. You can add up to 25 draggable markers to change directions.

ExtMapTypeControl 1.4

Improved and extended with More...Button.

together.html

See both libraries together on one map.

 


More by this author: MapDistJavaScript IdeasHirnbrauser
© 2007 - 2010 Wolfgang Pichler, wolfpil-at-gmail-com