Open Parcel Viewer - A mobile ready web app for displaying 50k parcels or polygons without needing a GIS server.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_includes
_layouts
assets
data
.gitignore
README.md
_config.yml
index.html

README.md

Update 7/23/17

This app uses geojson-vt to cut vector tiles on the fly. There will be an update soon that uses Leaflet 1.0. Users might also want to use Mapbox GL JS which uses geojson-vt natively, however Mapbox GL JS API does not have search capabilities built in for anything not rendered in the browser window, so those would have to be added separately.

Open Parcel Viewer

An OVRDC App Template

This open data parcel viewer is a client-side app that uses Leaflet to render a whole county parcel map without the need for a GIS server. Try out the demo. This app also includes the modern-ui custom OVRDC style for the search bar and layer control.

Parcel Viewer

Sites Using the Open Parcel Viewer

Features

  • Search by any field or multiple fields, such as Name and/or Parcel ID
  • Sidebar, fullscreen, location, printing (using browser print dialog)
  • Render up to (approx) 50k parcels
  • Customized layer control with thumbnails
  • Similar performance on mobile and desktop

Requirements

  • Data in topojson format, stored in the data folder - see mapshaper
  • A string field in the data titled 'index' to house the searchable attributes (with a separator - see the example)
  • Jekyll (or download the zip file and build the app manually)
  • A free Mapbox API key for using the Mapbox imagery (not necessary, the esri imagery could be used instead)
  • A (free) web server such as GitHub, surge.sh, others...

Upgrades - Contributions Welcome

  • Create an npm package for the js dependencies
  • Convert from L.TileLayer.Canvas to L.GridLayer to be compatible with Leaflet 1.0
  • Make a Jekyll option for using vector tiles styled in Mapbox
  • Create a function to automatically split the index field and push all the index 'fields' to the popup or the sidebar
  • Add an option to add/remove more/other tools to/from the toolbar
  • Convert the toolbar from using leaflet-top leaflet-left to a new customized leaflet control
  • Documentation on the various options in geojson-vt and the drawing on canvas function
  • Add real support for multiple field search - possibly using fuse or typehead (like Leaflet Bootstrap)

Issues

  • Past zoom level 18 the parcels disappear - this is an upstream issue with geojson-vt Fixed 04/2016 - The default maxZoom for L.tileLayer.canvas (and L.tileLayer) is 18. In the L.CanvasTiles.js this has been changed to 22.
  • Pinch and zoom on touch devices causes strange behavior so it is disabled, use the zoom buttons (behind the sidebar) instead
  • Zoom animations have been limited to 2 zoom levels for better performance

Thanks

This app relies on a variety of plugins, but most importantly on the work of mourner, Sumbera, Stephano Cudini and Matthew Bloch.

This app is powered by Jekyll.

Ohio Valley Regional Development Commission Homepage