Blog

2019

Mapping with Vector Tiles

Query Features Outside the Viewport

Posted | Updated

Mapping with Vector Tiles

The goal of my original post on client-side web mapping for large datasets was to create an inexpensive, robust county-wide parcel viewer web application. The base functionality would include the ability to both identify and search the parcel data. The result of this effort was the Open Parcel Viewer. That project consists of a Leaflet map with Leaflet.VectorGrid cutting GeoJSON into vector-tiles on-the-fly. The app is performant, with the drawback being a potentially large file loaded directly into the browser. This method works well for small datasets, but breaks down when the size and complexity of the data exceeds device or network capabilities. For example, load time for a typical 70k polygon county parcel map on mobile might exceed 30 seconds.

Continue Reading...

Conkle's Hollow Fall Hike

Mapping GPS Tracks with Leaflet

Posted | Updated

Conkle's Hollow Fall Hike

One of the benefits of using the open source Leaflet mapping library is the wide variety of available community supported plugins. This simple map uses two great plugins - Leaflet Elevation and Leaflet Ajax. The ajax plugin provides a simple way to load data, while the elevation plugin shows elevation from a GeoJSON file in an interactive chart, added to the map as a Leaflet Control. The GeoJSON file must include coordinates.

Continue Reading...

Open Parcel Viewer

A Client-Side Parcel Viewer built with Leaflet

Posted

Open Parcel Viewer

The Open Parcel Viewer is a client-side application written in plain javascript and jquery. It is capable of rendering up to 50k polygons on desktop and mobile. The app uses Leaflet as the mapping api and Jekyll as a build tool. Color, initial map center/zoom and the search field can be defined in the yaml front matter, with minimal to zero extra coding needed. The polygons should be in topojson format.

Continue Reading...

Leaflet Store Locator

A Leaflet Version of the Original Mapbox JS Store Locator Example

Posted

Leaflet Store Locator

This simple, responsive store locator is based on the original Mapbox JS example, tweaked to use Leaflet 1.0 and custom icons. The sidebar uses a jQuery filter function (thanks jsfiddle). The nearest store function uses TurfJS, based loosely on this example. The production version uses surge.sh for deployment. This app was originnally created in collaboration with Nick Kroncke for Shagbark.

Continue Reading...