Home

Welcome to the layerboard wiki!

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

layerboard is a framework for creating apps for investigating data hosted in ArcGIS Online WebMaps. 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.

This project is very similar to the project mapboard. Many gaps in this wiki may be filled by information from the mapboard wiki, especially the section on setting up a Vue Project.

A number of other github projects were forked and used in development - see more infomation about them here.

Tutorial for Getting Set Up

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

mapboard wiki - Vue Project Tutorial

Reference Guide for Building an App

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

Base Configuration

main.js

Topic Panel

Map Panel

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	@phila/vue-mapping
pvc	phila-vue-comps	wiki	@phila/vue-comps
pvd	phila-vue-datafetch	wiki	@phila/vue-datafetch

See notes about development here