/sld-plans-review

A web map app showing submitted subdivision and land development plans in Cumberland County, PA

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

Subdivision & Land Development Plans Review App

Project Update

I am currently refactoring this project to use modules instead of a Grunt.js build process. I also no longer work for Cumberland County. But I still think there is value in having this repository as a guide for other GIS developers working in the local government industry. The 2.0 release of this project shows the code as it was using the Grunt.js process.

Summary

This is an interactive web map developed for the Cumberland County Planning Commission. Its purpose is the show the location and details for subdivision and land development plans that are submitted to the Planning Department for review and comment.

The map features mulitple widgets that allow users to filter plans by a date range, a single year, or multiple years. There are also widgets/tools that allow users to zoom to a selected municipality (subdivision of County government), or search for a street address.

Our Planning staff edit the plans layer in ArcGIS Enterprise. The dataset is housed in an enterprise geodatabase. The dataset is published as an editable feature service, as well as a non-editable map service.

Purpose

My goal in putting this project on GitHub is to provide other government agencies a sample app, from which they can build their own solutions. This project uses the Leaflet.js library (and various plugins), a Bootstrap "theme," and Esri REST map services (including a custom tiling scheme).

As enhancements are added to the app, I'll do my best to push those changes to this repository.

Live Web App Link

Libraries

Web Mapping

Framework

  • Bootstrap: generate a good looking app across browsers and devices
  • Esri Calcite Maps: Bootstrap theme for web map apps
  • jQuery: Bootstrap requires it, so I might as well use it!
  • jQuery UI: date selector for feature layer filter widget
  • Font Awesome: Various icons used for UI elements.