NC Map

Highlighting Data for North Carolina Counties

Summary

The NC Map block is a responsive, interactive map of North Carolina which can display county-related information and link to other web pages. The Map is a powerful, versatile, and flexible tool, and good planning is essential to make the best use of it.

The NC Map block can be placed on Site Pages or Landing Pages.

Audience

Web Managers. Publishers can edit existing NC Map blocks.

How To

  • 1

    Choose a Page Type

    On a Site Page:

    • From the Add dropdown menu, choose Add NC Map.

    Add NC Map on Site Page.

    On a Landing Page:

    • Add or Edit a Band. On Landing Pages, the best practice is to use the Map in a Full Width Band, or no smaller than a 2-Column Band. The 2-Column Band can be divided into one-third/two-thirds, with Map placement in the two-thirds section.
    • Under Child Paragraph, choose Add NC Map.

    Add NC Map on Landing Page.

  • 2

    Map Data

    The Map Table automatically loads values for all 100 counties in North Carolina.

    County boundaries in North Carolina.

    Default county values include:

    • County — each county name (example, Alamance).
    • Title — example
    • URL — https://www.google.com
    • Fill Color — Blue

    Allowable color values include:

    • Black
    • Blue or Light Blue
    • Green or Light Green
    • Off White
    • Olive or Light Olive
    • Orange or Light Orange
    • Deep Purple or Light Purple
    • Red or Light Red

    Table Caption

    Table Caption — Enter a brief caption associated with the Map Table. This caption helps screen readers better describe the content within. (In this example, Counties with North Carolina Historic Sites.)

    Table Caption.

    County Fields

    Edit the County fields to show and highlight the desired information. In this example, the Map highlights Counties with North Carolina Historic Sites.

    Example County Fields:

    • County — Alamance.

    County Name Alamance.

    • Title — Alamance Battleground

    Title Alamance Battleground.

    • URL — https://historicsites.nc.gov/all-sites

    Web address for North Carolina Historic Sites.

    • Fill Color — Light Green

    Fill Color Light Green.

    In this example, counties with North Carolina Historic Sites are highlighted in Light Green. The remaining counties have the default Blue setting.

    Counties with North Carolina Historic Sites are highlighted in Light Green.

    • County and Title field values are displayed when the mouse cursor hovers over the county.

    County and Title field values are displayed.

    • Click the county to link to the desired URL.
    • Counties with empty Fill Color values appear with gray cross-hatching.

    Counties with empty Fill Color values appear with gray cross-hatching.

    • Add or remove Title, URL, and Fill Color values in the Map Table as needed.
  • 3

    CSV Files

    In addition to the online interface, the data in the Map Table can be edited in a comma-separated values (CSV) file, a plain text file for spreadsheets.

    Download

    To download a copy of the Map template with its default values:

    • Click Download CSV Template (at the top of the Map Data section).

    Download CSV file link.

    Upload

    To upload an edited CSV file:

    • Click Import from CSV (below the County data section and Add Row button).

    Import from CSV dropdown.

    • Click Choose File.

    Choose File button.

    • Select the CSV file and click Open.
    • Click Upload CSV.

    Upload CSV button.

  • 4

    Accessibility

    To provide accessibility to screen readers, the Map also displays the information as text.

    • Click the Text Version button below the Map to view the textual listing.

    Text Version button for interactive map.

    • All 100 counties are listed. Counties with URL values are underlined (linked). The Title value appears below the link. Click the underlined link to open the desired URL.

    Textual Title and URL values.

    • Click the Interactive Map button to return to the Map view.

    Interactive Map button.

    Your Accessibility Responsibility

    If you create a Map where counties are grouped into regions, it is easiest to do this using color. However, any information conveyed with color must also be conveyed with text. For example, if Wake County is a certain color because it is a Piedmont county, specify "Piedmont county" as part of the text. 

    Exporting Map Data

    The Map Data can be exported to a CSV file:

    • To generate a CSV file, click the Export Map Data link below the Text Version button.

    Export Map Data link.

  • 5

    Mobile Behavior

    The NC Map block adapts its display for mobile devices. The map presents in three regions. These roughly equate to Mountains (western region), Piedmont (central region), and Coastal Plain (eastern region).

    Three regions of North Carolina for display in mobile devices.

    • Tap one of the regions to enlarge it. 
    Western (mountains) region of North Carolina for mobile devices.
    Western Region (Mountains)
    Central (Piedmont) region of North Carolina for mobile devices.
    Central Region (Piedmont)
    Eastern (Coastal Plain) region of North Carolina for mobile devices.
    Eastern Region (Coastal Plain)
    • Tap the View All button to return to the original Map view.

    Three regions of North Carolina for display in mobile devices.