Back to Top
The nuts and bolts for
Creative web development

Ajax AutoComplete & Google Maps Bundle

“Autocomplete locations in the full featured Google Maps”
Ajax AutoComplete
$39.00
DMXzone Google Maps
$39.00

Overview

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.

 

Autocomplete Google Maps Demo

Start filling in your address in the "Address Look Up" field. The Ajax AutoComplete will provide you with a number of options to select from. Once the selection is made the address fields to the right will be populated automatically. To change the address afterwards you can just drag and drop the marker on a new location. 

 

Features

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!


Ajax AutoComplete

How many times have you struggled with entering long lists, while you had to lookup a product or country? Ajax AutoComplete will make your life easier. Your user can get a filtered dropdown with choices after entering a few characters, enabling quick search and selection without having to enter long text.

Showcases

Weekend in Nature Demo

With the help of DMXzone Google Maps, Google Maps Directions Add-on and Ajax AutoComplete you can build up a website and limit the location, where your users can search. In this demo we will show you this new feature packed in the latest version of Ajax AutoComplete

 

Find the Nearest Attraction Demo

Share your location or insert an adress with Ajax Autocomplete's autofill power and the Google Maps Directions Add-on will sort it out for you in a snap!

From - To Directions Demo

In this demo all you need to do is enter your start and ending point in order to get directions. You'll get a full directions list as well as alternative routes.

Sofia Sightseeings Demo

In this demo you can explore the power of our Google Maps Directions Add-on for DMXzone Google Maps and Ajax AutoComplete extensions. By entering your current location the maps will provide you with a route to the nearest sightseeing. Also, you're able to drag the marker on any other point in order to change the route.

Autocomplete Google Maps Demo

Start filling in your address in the "Address Look Up" field. The Ajax AutoComplete will provide you with a number of options to select from. Once the selection is made the address fields to the right will be populated automatically. To change the address afterwards you can just drag and drop the marker on a new location.

Google Maps Form Demo

Click on SEARCH and enter Address, Street, Town or Country in the "Search For" field. Select the entry that is corresponding to your search in the autocomplete list and the Address details will be loaded in the form fields. Use map controls to Zoom In and Out to fit your search context in the best possible way.

DMXzone Google Maps Behaviors Demo

Click on an image to preview the city it refers to on the map with the help of control behaviors.

DMXzone Google Maps Behaviors Demo 

7 Ancient Wonders Demo

Using our DMXzone Google Maps you can not only create simple maps but also add thumbnails as markers as well as info about the marked place in a rich tooltip that also supports HTML.

*You can also preview the demo on a mobile device (iPhone/iPad, Android, Win 7 Phone or BlackBerry) to see how smooth it runs: http://bit.ly/jI1fYq

7 Ancient Wonders Demo
  • From To Directions Showcase

    In this showcase all you need to do is enter your start and ending point in order to get directions. You'll get a full directions list as well as alternative routes.

  • Sofia Sightseeing Showcase

    In this showcase you can explore the power of our Google Maps Directions Add-on for DMXzone Google Maps and Ajax AutoComplete extensions. By entering your current location the maps will provide you ...

  • Find the nearest top tourist attraction demo

    Share your location or insert an adress with Ajax Autocomplete's autofill power and the Google Maps Directions Add-on will sort it out for you in a snap!

  • Weekend in Nature Showcase

    With the help of DMXzone Google Maps, Google Maps Directions Add-on and Ajax AutoComplete you can build up a website and limit the location, where your users can search. In this showcase we will show ...

  • AutoComplete Google Maps Showcase

    Start filling in your address in the 'Address Look Up' field. The Ajax AutoComplete will provide you with a number of options to select from. Once the selection is made the address fields to the ...

  • Google Maps Autocomplete Showcase

    Click on SEARCH and enter Address, Street, Town or Country in the 'Search For' field. Select the entry that is corresponding to your search in the autocomplete list and the Address details will be ...

  • DMXzone Google Maps Behaviors Showcase

    Click on an image to preview the city it refers to on the map with the help of control behaviors.

  • 7 ancient Wonders Showcase

    *You can also preview the showcase on a mobile device (iPhone/iPad, Android, Win 7 Phone or BlackBerry) to see how smooth it runs: http://bit.ly/jI1fYq

Videos

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.

Google Maps Directions Add-on Features Overview
With this movie we will show you the main features packed in the Google Maps Directions Add-on.

Inserting Google Maps Directions Add-on on your Page
With this movie we will show you how to use Google Maps Directions Add-on on your page.

Show the Shortest Route Automatically
With this movie we will show you how to automatically show the route to the closest market on the map, when you have multiple markers, using Google Maps Directions Add-on.

Creating From -To directions Page
With this movie we will show you how to create a from - To directions search page using Google Maps Directions Add-on.

Requirements

Type: Behavior
Product: Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CS5.5
Browser: Chrome 9+, Safari 4+, iPad, Safari 5+, Firefox 3.6, Firefox 4+, Chrome 10+, Opera 11


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 >>

Share this Article