DMXzone Google Maps

DMXzone Google Maps is a Dreamweaver extension that enables you to unleash the power of Google Maps in just a few clicks. Add markers to cities, addresses, businesses and events with info balloons on interactive, annotated maps and integrate them in your websites!

Let your visitors browse a dynamic or static map and find what they are looking for as quickly as possible. You can change marker images, show rich tooltips, pan to location and tons of other features all set up in a world featuring the beauty of Google Maps.

DMXzone Google Maps is powered by the miraculous and latest Google Maps API V3 and the extension gives even support for mobile devices, iPhone/iPad, Android, Win 7 Phone and BlackBerry!

DMXzone Google Maps has been discontinued, please get DMXzone Google Maps 2!

$38.00
Features
  • Support for the latest Google Maps API V3 - It loads fast, especially on mobile browsers such as Android-based devices and the iPhone.

  • Multiple markers with custom icons - Place as many markers as you need on your website and also use custom designed icons.

          
  • Static Maps - Embed a fast and simple Google Maps image in your web page or mobile site without requiring JavaScript or any dynamic page loading. Just enter as many markers for the addresses as you wish to display.

  • Dynamic Maps - Add markers to your Google Maps dynamically! Choose your addresses or Geo locations from any recordset or other data sources such as Feed Genie.



  • Special iOS support for touch and zoom - Whit the latest API V3 the DMXzone Google Maps is especially designed for mobile devices as well as for desktop browsers.


  • Real-time preview in Dreamweaver - You can see a preview of your Google Maps directly in Dreamweaver.

  • Zoomable Maps - Define the resolution of the current view from 0(the lowest zoom level, in which the entire world can be seen on one map) to 21.

  • Convert address to Geo location - Convert a street addresses or other locations (ZIP codes, postal codes, city & state, airport IATA/ICAO codes, etc.) to latitude and longitude, which can be entered into a GPS device or geographical software. Geo Location is always prefered due to limits in Google API when decoding multiple addresses at once.


  • Position marker by latitude/longitude as well as by its address - Enter the latitude and longitude for places that can not be entered by address or name.


  • Info Windows - Full support for rich HTML info windows.

  • Different Map types - Choose between roadmap, satellite, hybrid or terrain for your default opening maps.







  • Street View - Enable the Street view to explore places around the world through 360-degree street-level imagery.

  • Keyboard shortcuts support for navigation - DMXzone Google Maps can also be navigated by using keyboard shortcuts to move the map and zoom in and out.
  • Fully Controllable by behaviors - You want to navigate to add/remove marker, pan to location, set center location, pan by distance, set zoom or set map type, this all can be done with the DMXzone Google Maps behaviors.



  • jQuery support - Works with the latest jQuery 1.4.4




  • 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 Google Map.

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


Videos

Dynamic Usage

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.



  • Showing Dynamic Locations on DMXzone Google Maps
    – Use HTML5 Data Bindings with DMXzone Google Maps in order to show dynamic locations
  • Using DMXzone Google Maps with HTML5 Parallax Slider
    – Learn how to use Google Maps with HTML5 Parallax Slider
  • Using DMXzone Google Maps Inside DMXzone Tabs
    – Learn how to insert Google Maps in DMXzone Tabs
  • Using DMXzone CSS3 Drop Shadows with Google Maps
    – Add shadow effects to your Google maps
  • Using Google Maps Drawing Add-on
    – Learn how to use the Google Maps Drawing Add-on
  • Using Google Maps with Drawing Add-on in Adv HTML Editor 3
    – Use Google Maps and Drawing as Add-ons for Adv HTML Editor 3
  • Custom Directions with Google Maps Drawing Add-on
    – Draw custom directions on your maps
  • Using Auto Zoom, Center and Key Markers in DMXzone Google Maps
    – Learn how to use the latest additions to the features list
  • City Guide Website with DMXzone Google Maps and Sliding Menu
    – Building a mobile website
  • Show Your Location into a Cool Lightbox Window
    – Preview your Google Maps into Popup window
  • Auto Show Info Window of any Marker in DMXzone Google Maps
    – Open the info window of your DMXzone Google Maps markers automatically
  • Creating From - To Directions Page
    – Add two fields for from and to directions on a page
  • Google Maps Directions Add-on Features Overview
    – Explore the features packed in the Google Maps Directions Add-on
  • Inserting Google Maps Directions Add-on on your Page
    – Learn how to add directions to your Google Maps
  • Show the Shortest Route Automatically using Google Maps Directions Add-on
    – Trace the closest marker in your Google Maps
  • Connecting Ajax AutoComplete and DMXzone Google Maps
    – Autocomplete your locations and place a marker in DMXzone Google Maps
  • Control the DMXzone Google Maps with Behaviors
    – Use the control behaviors in DMXzone Google Maps
  • Creating Dynamic DMXzone Google Maps
    – Use DMXzone Google Maps with dynamic data
  • Inserting DMXzone Google Maps on a Page
    – Step bu step video tutorial on placing DMXzone Google Maps
  • DMXzone Google Maps Features Overview
    – Explore the features packed in the DMXzone Google Maps extension
Add-ons


Add-ons

Google Maps Drawing Add-on

Sketch anything you want directly in Dreamweaver

Requirements
Type: Behavior
License: External link
Product: Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CS5.5, Dreamweaver CC
Used Technologies: jQuery
Screen Shot: External link
Tags: google maps, jquery, dmxzone, extension, dreamweaver


History

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

  • Implemented Google Maps as Advanced HTML Editor 3 Add-on! Now you can add your Google Maps directly online in the editor!
  • Added compatibility with the new DMXzone Google Maps Drawing Add-on

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

  • New Auto Zoom: Now you can have the value 'fit' for zoom and the map will calculate optimal zoom level for markers
  • New Auto Center: Enter also 'fit' as value for the center point latitude/longitude and you will get optimal map center for all markers
  • Key Markers - now each marker can have its own key name! This makes it easy to apply actions to it later on by its name
  • Extended the Control DMXzone Google Maps behavior by many new actions! Now you can choose to GoTo/PanTo A Marker or Show Its Info Window by specifying its key name.
  • Additional Resize Actions in the Control DMXzone Maps behavior for redrawing the map after it is resized or shown. Very useful to force map redraw when it becomes visible for example when used with DMXzone Tabs or DMXzone Accordion extensions.
  • Improved extension installation for DW CS 5.5+

Version 1.0.2

  • Latest jQuery 1.6.3 included

Version 1.0.1

  • New language option to allow you to choose the Google Maps language
  • New option to auto show marker's info windows, when markers are displayed
  • Improved integration with Google Maps Directions Add-on and 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. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Place your review about DMXzone Google Maps




You must me logged in to write a review
Reviews
Combi Autocomplete, Google Map, Directions Add-on
August 5, 2011 by barbara windner

Very nice and easy to use and comfortable tool. Within seconds you can create a Google Map. No more longer searching for latidude and longitude. But the combination of the three tools make it perfect!
An extension often to use!

DMXzone Google Maps
August 2, 2011 by Sherry Dukes

Very nice extension and very easy to use.  I am also please with the way DMXzone answers your questions in a timely manner and always ready to help.  

Cool Tool
July 7, 2011 by Andreas Knapp

Together AjaxAutocomplete and DMX Google Map, it is the tool where am i was searching for.

Good that AjaxAutocomplete can now store the record ID in a hidden field. Now i am able to work fast and good with this record in StoredProcedures.

With the DMX Google Maps i will now build up my new applications in a perfect way. What i need was the looking for the X/Y-Lat and Longs. Now i get them. Also to move the marker in the map. Very good. That i can get the google facts in form-fields i can work now with the recordsets. Very good.

What i missed (is it possible)? to search only for towns in Germany. So for BERLIN i geht all the towns in the world. But need only Germany, or other lands vor example.

Regards
Andreas Knapp

DMXZone Google Maps
July 7, 2011 by Scott Lakey

Good product with great potential. Still has some issues with Internet Explorer and Chrome but they really seem to listen and respond quickly to any concerns and ideas.  Again, this product has huge potential upside as it evolves.