Configuring Google Maps API Service

The Google Maps API service lets you insert Google maps in your web pages. You can add overlays to the map (including markers and polylines) and display shadowed "info windows". To be able to use the feature on your site, you need to get the Google Maps API key for your site URL.

The Google Maps API service supports the following browsers:

To insert a Google map into a page:

  1. Go to the Edit step.
  2. In the Modules area, click the Area map Area Map module icon and keeping the left mouse button pressed drag the icon to the desired location on the page.

    To insert the module in the beginning of the page, double the click the module title in the Modules area.

  3. Click Service provider settings on the title bar of the Area Map module.

  4. Select Google Maps API service.
  5. Enter your registration key in the Google Maps API key box and click OK.

    If you haven't registered this service with Google yet, click the link provided on the dialog window and complete the free sign up procedure as described. When registering a Google Maps API key, be sure to specify the correct site URL.

  6. Click Choose location.

  7. Type the name of the geographical location you want to show and click Find Location.

    If for some reason Google doesn't find the required location, or if you want to specify your own location, enter the name of a larger geographical object (the city, country, etc.) in the Find Location box, and then use the arrows and scaling functions to manually navigate to the required geographical point.

  8. Click on the required point on the map. On the form that appears, specify the title and address of the location in the Title and Address fields and click Save.

    You may leave both these fields blank.

  9. Click OK.

On the map, a marker appears at the specified point. The title and address of the location is displayed to your site visitors after they click on the marker.

For full information on configuring driving directions and other Google Maps features, refer to Google Maps API FAQ.