Locations Map Widget

Locations Map Widget

Last updated 02.18.25

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

  1. In the Location Map properties pop up, adjust various settings including map style and services.  
  2. 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. 

Locations Map Widget Properties

PROPERTYDESCRIPTION
VisibilityChecking and unchecking the checkbox toggles widget visibility on the page. This allows for prepping the content in edit mode before widget debut.
Default Longitude*Default Longitude and Latitude is used to center map on a particular location when there are no pins available.
Default Latitude*Default Longitude and Latitude is used to center map on a particular location when there are no pins available.
TransformationSelect from various map layouts:
  • Location Map – interactive map only
  • Location Map with Table – interactive map & table of locations below
  • Location with Thumbnail – same as above but includes location image in table
  • Location Cards – locations organized in rows in card format
  • Location Cards with Thumbnail – same as above but includes location image in each card
  • Location Map with Table and Toll-Free Clickable – interactive map & table of locations with added toll-free phone number information
  • Location with Tab – scrolling list of locations paired with interactive map organized in a tabbed layout of services
Number of Items Enter value to show maximum number of locations on a page. However, Enter '0', to show all Locations. If you do not provide any value, then it will be defaulted to '5'.
Note: does not appear if Location with Tab transformation is selected.
Items per RowEnter values:
Small – 1 per row recommended for mobile
Medium – 3-4 recommended for tablet
Large – 3-5 recommended for desktop
Note: appears only if Location Cards or Location Cards with Thumbnail transformations are selected.
Hide AllPlease select if you want to hide 'ALL' Tab. The 'all' tab displays all locations as the default tab.
Note: appears only if Location with Tab transformation is selected
Order bySelect from:
Item Order
Alphabetical (with default location on top)
Note the default location is set within the Locations Application by selecting an individual location and clicking the 'default location' checkbox.
Show Detail LinkCheckbox toggles on and off the show detail text link which appears with the address of each location. The link automatically jumps to the corresponding location detail page created in the site tree. See ATLAS Location Page Type.
Show MapCheckbox toggles on and off the appearance of an interactive map within the widget. This option does not affect the Location Cards or Locations Cards with Thumbnail transformations as they do not feature maps.
Show Multiple MapBy checking, allows more than map to be used on a single page.
ServicesThe list of services which appear in this property are pulled from the location services list in the Widget Categories Application. Selecting a service or services will filter the locations which appear in the widget. Multiple sources can be selected by holding ctrl key (command key on Mac) and then click on options.
Default Zoom LevelIf we use Default Zoom Level, then auto zoom adjustment for Map based on pins will not work. Use numbers 1 - 12 to set a zoom level. Default is 7.
Widget ContainerATLAS – Locations is the default and only option. No need to alter this setting.
Container TitleText entry field for a large headline appearing above the widget
MarginUse margins to increase spacing between the Locations Map Widget and other widgets on the page. This is helpful to provide visual room between elements and increase readability.

Top
User can select from 1-5 rems to increase spacing above the tabbed layout

Bottom
User can select from 1-5 rems to increase spacing below the tabbed layout

Right
User can select from 1-5 rems to increase to the right of the tabbed layout

Left
User can select from 1-5 rems to increase spacing to the left of the tabbed layout
PaddingUse padding to increase spacing within the Location Maps Widget background area. This is especially useful when using a background color to provide content grouping and visual space for readability.

Top
User can select from 1-5 rems to increase room in the top of the tabbed layout background area

Bottom
User can select from 1-5 rems to increase room in the bottom of the tabbed layout background area

Right
User can select from 1-5 rems to increase room in the right of the tabbed layout background area

Left
User can select from 1-5 rems to increase room in the left of the tabbed layout background area
Content BeforeSimple text entry area to add text above the widget. Can be styled using simple HTML code (see below).
Content AfterSimple text entry area to add text below the widget. Can be styled using simple HTML code (see below).
Simple HTML Code

To BOLD text: <b>Lorem ipsum dolor sit amet consectetur</b>

For ITALIC text: <em>Lorem ipsum dolor sit amet consectetur</em>

To add a HORIZONTAL RULE: <hr>

To add a BREAK: Lorem ipsum dolor sit amet consectetur <br>

Lorem ipsum dolor sit amet consectetur

Examples

Location with Tab Transformation

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

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

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 WinField Solution
777 Chapman Dr
River Falls, WI 54022

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

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

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

Location Map Transformation

Location Cards with Thumbnail Transformation

Location Map with Table Transformation

Land O'Lakes Arden Hills
Directions
View Location Details
Business Office
4001 Lexington Ave N
Arden Hills, MN 55126
651-375-2222
info@landolakes.com
Land O'Lakes Corporate Headquarters
Land O'Lakes Purina Feed
Directions
View Location Details
Business Office, Feed
3763 117th St E
Inver Grove Heights, MN 55077
651-437-7762
Land O' Lakes - Nutra Blend - Purina Animal Nutrition
Directions
View Location Details
Feed
1609 19th St SW
Mason City, IA 50401
Land O'Lakes Downtown
Directions
View Location Details
Business Office
800 N Washington Ave
Minneapolis, MN 55401
Land O'Lakes Pine Island
Directions
View Location Details
Energy
206 2nd St NE
Pine Island, MN 55963