Customizing GMaps

Main Map

MapDist.de

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

Single Examples of Special Features - Basics

dropdown.html

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

overview.html

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

static.html

Using a static image of the map as a link breaks the TOU. Instead you can make the original map as static as possible.

textualsave.html

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

textualzoom.html

Zoom in and out with buttons outside of the map.

zoom-test.html

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

map-in-a-box.html

Load a map in a draggable and resizable div element.

toggle-cats.html

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

more-button.html

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

Polylines and Polygons

polylines.html

Draw polylines between removable markers.

polygon.html

Draw resizable polylgons and calculate the area on the fly.

switch-polies.html

Switch between resizable polylines and polylgons.

KML and KMZ

kml-toggling.html

Toggle any KML or KMZ overlays by links and checkboxes - perhaps a bit more intuitive to use than the official example.

shapes.html

Load KML or KMZ shapes onto the map.

Map Animation

anim.html

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

Sounds

sounds.html

Play sound files at specified events.

Picture Gallery

picture-gallery.html

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

Elevation Queries

cross-domain-xhr.html

Elevation queries with cross domain AJAX requests via PHP proxy.

Driving Directions

routeonclick.html

Get driving directions by clicking onto the map. All markers are draggable and seperately removable. [Still not finished]