Home

Welcome to the layerboard wiki!

What is layerboard (@philly/layerboard in npmjs.com)??

layerboard is a framework for creating apps for investigating data hosted by the City of Philadelphia. It shows a map panel on the right, and a list of layers on the left, which can be turned on and off on the map with checkboxes.

The layerboard Source Code

The source code is all ES6 JavaScript, and uses the Vue framework, and is bundled using Rollup. A number of other github projects were used in development - some of these were borderline abandoned projects, which we had to hack on in order to be able to use.

Tutorial

The following tutorial will walk you through the basic steps of adding a layerboard component to an existing application:

Getting started

Guide

The following pages include details and links to further details in other libraries about how to include components in your Mapboard instance:

Base Configuration

main.js

Topic Panel

Map Panel

Custom changes

• esri-leaflet-webmap and L.esri.WebMap
• esri-leaflet-legend
• leaflet-measure

Behind the Scenes

layerboard uses components and functions from other libraries created by the City of Philadelphia, including:

Library	GitHub	GitHub wiki	npmjs.com
pvm	phila-vue-mapping	wiki	@philly/vue-mapping
pvc	phila-vue-comps	wiki	@philly/vue-comps
pvd	phila-vue-datafetch	wiki	@philly/vue-datafetch

See notes about development here