Locations Map Widget

Locations Map Widget

Last updated 11.03.22

The Location Map widget automatically displays map data entered into the Locations Application onto an interactive Open Street map. Clickable pins open popup windows containing location detail information. The standard map will resize to fill the space available within a grid, accordion or tab.  
 
The map data can be styled to appear in different visuals including a standard map (see below) or a standard map with a text table below. 
 
The same data can create a dramatically different visual of locations styled as individual cards with or without photos. 

Note: to create an interactive map, data must first be entered into the Locations Application

How to add a Location Map Widget

After location data entry is complete, the Location Map widget can be added to any page or pages in the website.  

Note that any update to the data in the Location Application will immediately propagate to every map instance in the website.

1. Select where on the page you would like the location map to appear
2. Click on the blue plus add widget icon   
3. Select the Location map widget from the widget pop up 
4. Once the widget is added to the page, hover over the added widget until it displays the properties and trash 
    icons. Click on the gear-shaped properties icon. 

Location Map Properties

5. In the Location Map properties pop up, adjust various settings including map style and services.  
6. Click Apply button to update the widget with selected properties. The properties pop up will automatically close.

How to delete the Location Map Widget

Hover over the Location Map widget until it displays the properties and trash icons and click on the trash icon to delete. 

How to reposition the Location Map Widget

Hover over the Location Map widget until it displays the grab icon on the left. Simply drag and drop in a new location. 

Examples

Location with Tab Transformation

Princeton Main Office
6467 100th Ave
Princeton, MN 55371
763-389-2582

Test Location
1400 Independence Avenue
La Vergne, NE 37086

Location01
120 8th Street1
Gothenburg, SW 69138

Test Location 31 October
123 Address
Test city, Test state

Location Map Transformation

Location Cards with Thumbnail Transformation


Princeton Main Office
Directions


6467 100th Ave
Princeton, MN 55371
763-389-2582

Test Location
Directions


1400 Independence Avenue
La Vergne, NE 37086

Location01
Directions


120 8th Street1
Gothenburg, SW 69138

Location Map with Table Transformation

Princeton Main Office
Directions
6467 100th Ave
Princeton, MN 55371
763-389-2582
dfreichels@test.com
Test Location
Directions
Test Category 3
1400 Independence Avenue
La Vergne, NE 37086
Location01
Directions
Agwrx
120 8th Street1
Gothenburg, SW 69138
Test Location 31 October
Directions
Test Category 1
123 Address
Test city, Test state
Marketing pixel tag