How To: Google Maps Integration

- Thursday, May 07, 2009

Did you know you can map web-app items on an embedded Google map inside your Online Business with just a few clicks?
Follow this guide to understand how you can store address data for Web App items. Your Web-App items will then be displayed as location balloons on an embedded Google Map.

3 Steps to Integrate Google Maps with Web Apps

1. Get a Google Maps API Key here. You'll need this to insert the module. Also, make sure that Address Input/Search is enabled in Web App options:

2. Add the Address data to your Web App items. When creating new items, you will be given the option to add address details. To add an address to an existing item, simply select the item and then the "Address" tab:

Fill the address fields for the individual Web App item and click "Save" to confirm your changes.

3. Insert a pre-made Google Maps module. There are two modules available: one that maps a Web App item list and one that maps Web App search results. For this example, we're going to use the first module:

This module can be added to any page where Web Apps are currently being. Just substitute the fields relative to the Web App you wish to display on the map and replace "googlekey" with the Google API Key from the first step.

Further details on how to use this and the Map Search Results module can be found at the:

How Google Maps Integration Helps Your Client

Store Locators

Real Estate Listings, hyperlinked to detailed Web App view.

A great example of this is a Store Locator, where the location of your client's stores or offices are pinpointed on an embedded map. Using our pre-made modules, you can make the map searchable and apply filters to the items displayed.

Embedded maps can also be used to plot real estate listings. You can display all the available properties on a large map, which when clicked take the user to the detailed view of the Web App item.

Try it out yourself today.

Tweet This!