National Park Service Arrowhead

https://www.nps.gov/npmap/slides/csu-gis-day/

National Park Service Arrowhead

Empowering National Parks
with Open Source Mapping Tools

www.nps.gov/npmap

National Park Service Arrowhead

  • NPMap: web maps for the National Park Service
  • A team of developers, cartographers, and data engineers that build tools to enable web mapping across the NPS
  • Focus on public-facing maps
  • NPS Graphic Identity Standards
  • Open-source technologies shared with the public

NPMap Tools

NPS Places Icon

NPS Places

Screenshot of Places Editor
NPS Places Icon

NPS Places

  • Core data system for trails, roads, parking areas, buildings, and points of interest
  • Built on OSM-related components and projects
  • Built to enable all park employees to contribute to the map
  • Currently uploading GIS-based data to rapidly augment the database
  • Places Editor provides access to database in a browser

NPMap.js Icon

NPMap.js

var NPMap = {
            div: 'map'
            };

            (function () {
            var s = document.createElement('script');
            s.src = 'https://www.nps.gov/lib/npmap.js/2.0.0/npmap-bootstrap.js';
            document.body.appendChild(s);
            })();
            

NPMap.js Icon

NPMap.js

Screenshot of NPMap.js
NPMap.js Icon

NPMap.js

NPS Bootstrap Icon

NPS Bootstrap

Screenshot of NPS Bootstrap
NPS Bootstrap Icon

NPS Bootstrap

Screenshot of NPS Bootstrap Screenshot of NPS Bootstrap Mobile
NPS Bootstrap Icon

NPS Bootstrap

  • HTML, CSS, and JS framework for developing responsive, mobile first websites
  • Customized for NPS
  • Adapts to mobile
  • Used on our own site: nps.gov/npmap

NPMap Symbol Library Icon

NPMap Symbol Library

Screenshot of Symbol Library
NPMap Symbol Library Icon

NPMap Symbol Library

Screenshot of Symbol Library
NPMap Symbol Library Icon

NPMap Symbol Library

Screenshot of Symbol Library
NPMap Symbol Library Icon

NPMap Symbol Library

  • Adapts crucial pictographic map symbols for use in web-based maps
  • Organizes symbols in public repository for use in a variety of applications
  • Supports multiple sizes and colors for each symbol for greater flexibility
  • Repository also tracks feedback and suggestions for new symbols

Park Tiles Icon

Park Tiles

Screenshot of Park Tiles
Park Tiles Icon

Park Tiles

Screenshot of Park Tiles
Park Tiles Icon

Park Tiles

  • Suite of basemaps designed to fit NPS identity
  • Data from OpenStreetMap, Mapbox (Terrain), and NPS Places
  • Version 3: All Places data within Park Boundaries

NPMap Builder Icon

NPMap Builder

Screenshot of NPS Builder
NPMap Builder Icon

NPMap Builder

Screenshot of NPS Builder
NPMap Builder Icon

NPMap Builder

Screenshot of NPS Builder
NPMap Builder Icon

NPMap Builder

Screenshot of NPS Builder
NPMap Builder Icon

NPMap Builder

Screenshot of NPS Builder
NPMap Builder Icon

NPMap Builder

  • A tool to build beautiful, accessible web maps that can be easily added to NPS.gov and standalone sites
  • Incorporates NPMap.js, Park Tiles, Symbol Library, and Places, among others
  • Many options for customization, including a wide variety of basemaps
  • Multiple data formats supported for custom overlays
  • Custom configuration options for popup windows and tooltips

NPS Places Icon

NPS Places Live

Screenshot of Places Live
NPS Places Icon

NPS Places Live

  • Live road closure and campsite availability status
  • First clients: Blue Ridge Parkway, Yellowstone
  • Update info in one place
  • Screens update all over the park
  • Custom basemap design

NPS Places Icon

NPS Places Mobile

Screenshot of Places Mobile Screenshot of Places Mobile
NPS Places Icon

NPS Places Mobile

Screenshot of Places Mobile Screenshot of Places Mobile
NPS Places Icon

NPS Places Mobile

  • Mobile app framework for National Parks
  • Designed to improve accessibility
  • All content customizable through Places Mobile Editor
  • Custom mobile basemap design

Questions?

npmap@nps.gov

Jake Coolidge@jccartography

Taylor Long@mtaylorlong

< Return to first slide