Locator

How to Create a Locator

• 1

  Find the view that fits your data

  The Locator offers three different views. Each view offers a distinct display mode that changes how the user interacts with the Locator search. Choose the view that best matches your data, or edit your data so that it will work with the desired view. You can change the view mode at any time. Always consider your visitors' needs. 

  Accordion

  What do visitors need to do?

  • Visitors need to find the place closest to them.

  • Visitors need to find out who serves their county.

  • Visitors need to find look something up in a list.

  Tab/Accordion Items

  Visitors need to find the place closest to them.

  Choose the Map View

  Map view lets a user search for the location closest to them. On larger screens, a map is shown. Use it for real places people travel to, like vaccine providers or clinics. Each location is shown at its street addresses. If a street address is not in the data, it will be placed using whatever location information is in the data (for instance, its ZIP code or city/town). 

  Your CSV Data Needs:

  Street addresses

  

  Second Sidebar

  SVG

  Map View Example

  Users can search for pinned locations on a map.

  Visitors need to find out who serves their county.

  Choose the County View

  County view (or By county) shows a map of North Carolina's 100 counties. A visitor can search by zip code, city, county or click the map. One location can serve several counties at once. The county view is similar to the NC Map component, but more advanced.

  Your Data Needs:

  A county column or street addresses.

  

  Second Sidebar

  SVG

  County View Example

  Users can search or select a county shape for information.

  Visitors need to find look something up in a list.

  Choose the Directory View

  Directory view is a searchable, sortable table with no map. For example, a roster of accredited professionals. It needs only a name per row; addresses and other columns are shown and searched when you include them.

  The directory view is similar to a Data Table, except it can be searched by ZIP code, city, town or county.

  Your CSV Data Needs:

  A name; location is optional.

  

  Second Sidebar

  SVG

  Directory View Example

  Users can search a list of data without a map.

• 2

  Add Locator

  • Add a new 1-Column Band to a Landing Page or Site Page.
  • Inside the column, select the Add Component button.
  • Select Locator from the Choose Component dialogue box.

This page was last modified on 09/23/2026