close ad
Important WebAssist Announcement
open ad
View Menu

Google™ map tools

Add a static or dynamic Google map to any Dreamweaver page

Google map tools

Adding a Google map to your website can be challenging as it requires using the complicated Google Maps API. We created an easy way for you to add (and customize) a Google map to your website in Dreamweaver.

This tool was once a stand-alone extension called Pro Maps for Google. Now it is integrated into our Dreamweaver extension, Design Extender.

arrow downSupport for static and dynamic addresses

Set up a Google map on any web page in Dreamweaver. International addresses are supported, as well as longitude and latitude coordinates, so that you can map any location on Earth. Type one or more locations manually into the wizard or even map locations dynamically from a recordset on a PHP page. Mapping dynamic locations is useful if you are storing addresses in a database; you can map them automatically without having to manually update your map or making updates in Dreamweaver. You can also create map locations from a form field on your page, useful for on-the-fly mapping.

Pro Maps for Google

arrow downEndless customization options

You can fully customize your map.

  • Select your address marker icon: flag, Google traditional (flat or pillow), house, pin, push pin or star
  • Select an address marker color scheme: 11 to choose from
  • Choose default or custom info window to pop up when a marker is selected. You can customize what displays in the info window with html.

Pro Maps for Google

You can also specify:

  • Map dimensions: width and height
  • Map type control
  • Zoom control size
  • Whether to include street view, pan, inset and scale controls
  • Default zoom level
  • Default map type: road, satellite, hybrid, terrain
  • Whether to display real-time traffic reporting

Pro Maps for Google

The wizard is re-entrant, meaning you can make open the wizard back up with your selections saved to make modifications even after the code has been generated.

arrow downOptionally include driving directions

Choose whether to include driving directions with your map and where you want the directions to derive from. Static and dynamic addresses supported.

Google map driving directions
arrow downGoogle map tutorials

We offer many free tutorials to assist you not only with using the Design Extender wizards, but also to help you add custom functionality. These are just a few of tutorials to help you create and further customize your maps.

Create new pages from CMS templates

Get your Google API key

Learn how to obtain a Google Map API key and use it in our Dreamweavr extensions.

Centering your Google map on a chosen address

Center your Google map

Center your map on a chosen address instead of on your default destination.

Driving directions

Add driving directions

Create a map with driving directions to your default destination.


Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question





Ease of use


security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.