WebGUI's Map asset allows you to place an interactive map on your site using Google Maps. Before creating a Maps asset you need to get a Google Maps API Key. There is a link on the Add Map screen that will take you to the appropriate web page to do this.

1. Select Map from the New Content menu. The “Add Map” screen will open.

2. The “Menu Title” is the title of the Map as it appears in the site navigation or site map. You can create a Menu Title, or you can leave it blank and WebGUI will use the title entered in the Title field as the Menu Title.

3. The “URL” is the URL of this asset. You can leave it blank, and WebGUI will create one for you, or you can enter one, separating words with a dash.

4. The “Description” field can be used to enter content related to this Map.

5. At the bottom of the Properties tab is the “Google Maps API Key” field. This is where you enter the Google Maps API Key for your Map. Use the link to the right of this field to begin creating a key if you don't have one already.

6. Use the Display tab to configure display options for this map. The first five fields are the standard fields for asset Display tabs.

1. 1. The “Map Height” field allows you to establish the height of the Map in pixels or percent. Make sure you type in the measurement unit.

   2. The “Map Width” field allows you to set the map's width in percent or pixels. Make sure you type in the measurement unit used.

   3. “Starting Latitude” is the latitude of the default starting point for the map.

   4. “Starting Longitude” is the longitude of the default starting point for the map.

   5. “Starting Zoom Level” allows you to set the default zoom level for the default starting point of the map.

   6. The “Template to Edit Point” is the template viewed when editing a map point, and appears inside the map.

   7. The “Template to View Map” is the template that controls the appearance of the map when viewing it.

   8. The “Template to View Point” is the template that controls the appearance of the map when viewing a point. This appears inside the map.

7. The Security tab contains the standard Security fields, as well as some specific to the Map asset.

1. 1. The “Group to Add Points” is the group of users allowed to add points to the map.

   2. The “Workflow to Commit Map Points” determines the workflow that is triggered when a user creates or edits a map point.

8. The Metadata tab contains the standard Metadata fields common amongst most WebGUI assets.

9. Click save to create the Map asset.

The map displays the default settings you indicated in the Display tab of the asset. The + and – symbols can be used to zoom in or out.

Set Default Viewing Area

The “Set Default Viewing Area” button at the top of the map allows you to set the currently viewed location as the default view upon viewing the Map asset.

To set the default viewing area, use the map to set the location. You can use your mouse to grab the map and move it around. Double clicking on an area of the map will zoom in, or use the +/- controls to zoom in or out.

Once you have achieved the default location, click on the “Set Default Viewing Area” button. This will save this location as the default, and is what others will see when they initially view the map.

Change Map View

In the upper right hand corner of the map is a small dropdown menu that contains a number of map views.

You can select from this menu to alter the appearance of the map.

Normal Map View

Satellite View

Hybrid (combines Map and Satellite)

Terrain View

Add Points

Points can be added to the Map through the “Add Point” button. Adding a point allows you pinpoint an exact location on the map, and provide additional information about that location to your site users.

1. Locate the location on the map where you would like to place a point.

2. Click the “Add Point” button.

3. In the Add/Edit Point screen, enter the information you would like to provide for this map point.

1. 1. Title: the title or name of this point. This will appear as a link to the right of the Map, and users can click on it to directly view this point on the map.

   2. Description: a description of the location at this point.

   3. Website: a website related to this location.

   4. Address: the full postal street address of this point.

   5. City: the city in which this location resides.

   6. State/Province: the state or province in which this location resides.

   7. Zip/Postal Code: the zip/postal code of this location.

   8. Country: the country in which this location resides.

   9. Phone: a telephone number related to this point.

   10. Fax: a fax number related to this point.

   11. E-mail: an email address related to this point.

   12. Photo: a field in which to attach a related image.

4. After the fields are complete, save the point.

A user can click on the point to view details. Once points are added, the user will also be able to select existing points from a dropdown menu at the top of the map.