Locations Map Widget

Locations Map Widget

Last updated 03.09.24

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

Location 1
1116 Olympus Drive
Byrdstown, TN 38549-0069
931-864-3172

Location 2
16416 Hwy 58 South
Decatur, TN 37322
423-334-5713

Location 3
240 Burem Pike
Rogersville, TN 37857-7915
423-272-2611

Location 4
1801 Wilma Rudolph Blvd.
Clarksville, TN 37040-6795
931-648-3331

Location 5
464 West Broadway
Newport, TN 37821-2253
423-623-2331

Location 6
705 Henslee Drive
Dickson, TN 37055-1298
615-446-2343

Alma
805 Railroad St
Alma, Illinois 62807
618-547-3222

Fake Testing Location
1360 Lexington Parkway N
Saint Paul, MN 55103
123-321-1234
Fax: (123) 321-2345

Fake Testing Location Two
1225 Estabrook Dr.
St Paul, MN 55103

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

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

Land O'Lakes Downtown
800 N Washington Ave
Minneapolis, MN 55401

Land O'Lakes Pine Island
206 2nd St NE
Pine Island, MN 55963

Land O'Lakes Purina Feed
3763 117th St E
Inver Grove Heights, MN 55077
651-437-7762

Land O'Lakes Purina Feed Willmar
1700 22nd St SW
Willmar, MN 56201

Land O'Lakes WinField Solution
777 Chapman Dr
River Falls, WI 54022

Location Map Transformation

Location Cards with Thumbnail Transformation


Location 1
Directions


1116 Olympus Drive
Byrdstown, TN 38549-0069
931-864-3172

Location 2
Directions


16416 Hwy 58 South
Decatur, TN 37322
423-334-5713

Location 3
Directions


240 Burem Pike
Rogersville, TN 37857-7915
423-272-2611

Location Map with Table Transformation

Location 1
Directions
Test1
1116 Olympus Drive
Byrdstown, TN 38549-0069
931-864-3172
Location 2
Directions
Test1
16416 Hwy 58 South
Decatur, TN 37322
423-334-5713
Location 3
Directions
Test1
240 Burem Pike
Rogersville, TN 37857-7915
423-272-2611
Location 4
Directions
Test2
1801 Wilma Rudolph Blvd.
Clarksville, TN 37040-6795
931-648-3331
Location 5
Directions
Test2
464 West Broadway
Newport, TN 37821-2253
423-623-2331