Google Maps Directions Add-on Support

Display the best route with directions!

Make sure that your users never get lost on your Google maps with the Google Maps Directions Add-on! The extension allows you to add directions to locations, stores, offices or any address in the world. Display the routes with full directions lists and alternative routes visually on Google Maps.

Additionally, when you have multiple markers on your map you can choose to show the shortest route automatically, after the user enters its address in the Ajax AutoComplete control. Starting point, travel mode and a draggable route marker, to change the direction, are only few among the great features packed in the Google Maps Directions Add-on.

If you want to display your maps with directions on a mobile device (iPad/iPhone) they'll perform great thanks to the latest Google API V3!

Google Maps Directions Add-on requires Google Maps 2 and Ajax AutoComplete extensions.

This extension requires Ajax AutoComplete and DMXzone Google Maps 2
- OR -


  • Display full directions list - Show every check point of the route.

  • Draggable Route Marker - Change the directions at any point you want by simply dragging the marker on the map.

  • Route Alternatives - Google Maps always have alternative routes. If you wish to display them, check the Provide Route Alternatives checkbox.
  • Display a full route visually on Google Maps

  • Display a route from the Google Maps marker to address entered with Ajax AutoComplete - this way you can have for example Google map with your office and an Autocomplete control to let the user enter their current address to start the route from.

  • Use Browser Current Location - the Google Maps Direction Add-on can detect if the user browser supports Geo location (most recent browsers do) and if it does it can enter it as start address in the Ajax AutoComplete control.

  • Show the shortest route automatically - when you have a Google Maps with multiple markers in it (for example your different branches) and the user enters its address in the Ajax AutoComplete control, the the route to the closest branch is automatically chosen!
  • iPad/iPhone Support - Thanks to the latest Google API V3 you can use your Google maps with directions on your iPhone/iPad.

  • Directions Panel Size - Choose the size of the panel where the directions will be displayed.

  • Starting Point - Set a location where your direction will start from.

  • Travel mode - Choose the type of transport you need directions for - driving, cycling or walking

  • Unit system - The destination can be displayed in Metric (km) or Imperial (miles)

  • Great Dreamweaver integration - Interactive dialog in Dreamweaver with all the options you'll need.

  • An inline property inspector -  The property inspector enables you to change several options after you’ve created the Directions.

  • Fully cross-browser compatible - Runs perfectly on any up-to-date desktop browser as well as mobile devices.



Basic Usage

HTML5 Slideshow VideoDMXzone Google Maps Features Overview
With this movie we will show you the main features of DMXzone Google Maps.

Inserting DMXzone Google Maps on a Page
With this movie we will show you how to insert DMXzone Google Maps on your page.

Creating Dynamic DMXzone Google Maps
With this movie we will show you how to use DMXzone Google Maps with dynamic data.

Watch the movie read more

Control the DMXzone Google Maps with Behaviors
With this movie we will show you how to use the Control Behaviors in order to control the DMXzone Google Maps on your page.

HTML5 Slideshow VideoAuto Show Info Window of any Marker in DMXzone Google Maps
With this movie we will show you how to open the info window of your DMXzone Google Maps markers automatically when the page loads.

Dynamic Usage

Connecting Ajax AutoComplete and DMXzone Google Maps
With this movie we will show you how to connect the Google search autocomplete option in Ajax AutoComplete with DMXzone Google Maps in order to autofill Address Form fields on your page.

Using Google Search option in Ajax AutoComplete
With this movie we will show you how to use the autocomplete from Google search option in Ajax AutoComplete.


Type: Behavior
License: External link
Product: Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CS5.5, Dreamweaver CC+
Browser: Chrome 9+, iPad, Safari 5+, Firefox 3.6, Firefox 4+, Chrome 10+, Opera 11
Screen Shot: External link
Tags: google maps, directions, extension, Dreamweaver


Version 1.2.3

  • Improved Dreamweaver CC 2015 compatibility 

Version 1.2.1

  • Full Dreamweaver CC and Extension Manager CC support
  • Improved compatibility with DMXzone Bootstrap
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility

Version 1.2.0

Version 1.1.1

  • Improved integration with dynamic data
  • Improved DW integration
  • Latest jQuery 1.7.2 included
  • Improved installer for for DW CS 5.5+ and Mac DW CS6
  • Fixed setting the zoom value in the control behavior

Version 1.1.0:

  • Compatibility with the DMXzone Google Maps 1.1.0

Version 1.0.1:

  • Improved directions calculation when single marker is used
  • Improved integration with Ajax AutoComplete
  • Improved JavaScript including on Mac OSX

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. The most popular for its over high-quality Dreamweaver extensions and templates.

George is also the founder of - the most Advanced Web & App Builder

See All Postings From George Petrov >>


Be the first to write a review

You must me logged in to write a review.