Configuring Google Maps API Service

The Google Maps API service lets you embed Google Maps in your web pages. You can add overlays to the map (including markers and polylines) and display shadowed "info windows", just like Google Maps. The Google Maps API service is provided free of charge.

The Google Maps API service supports the following browsers:

To embed a Google Maps API map into your web 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 page.
  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 provided link and complete the free sign up procedure as described. When registering a Google Maps API key, be sure to specify the URL your site will be available at after publishing.

    Note: If you get an error message saying that the key you have specified was generated for another URL, contact your Sitebuilder provider for assistance.

    If you get the same message on a published site, follow the provided link to the Google web site, re-generate the Google Maps API key for your site and specify the new key in the module settings.

  6. Back to the Area Map module, 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, 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 after you click on the icon.