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

Related Links & Videos

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

 
Details

 
Directions

Test Location
1400 Independence Avenue
La Vergne, NE 37086

 
Details

 
Directions

Location01
120 8th Street1
Gothenburg, SW 69138

 
Details

 
Directions

Test Location 31 October
123 Address
Test city, Test state

 
Details

 
Directions

Land O' Lakes - Nutra Blend - Purina Animal Nutrition
1609 19th St SW
Mason City, IA 50401

 
Details

 
Directions

Land O'Lakes Arden Hills
4001 Lexington Ave N
Arden Hills, MN 55126
651-375-2222

 
Details

 
Directions

Location Map Transformation

Location Cards with Thumbnail Transformation

Princeton Main Office

Princeton Main Office
Directions

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

Test Location
Directions

1400 Independence Avenue
La Vergne, NE 37086
Location01

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
Land O' Lakes - Nutra Blend - Purina Animal Nutrition
Directions
Blog, Feed
1609 19th St SW
Mason City, IA 50401
Marketing pixel tag