A Vue.js component for data-rich web mapping

Usage no npm install needed!

<script type="module">
  import cityofphiladelphiaMapboard from 'https://cdn.skypack.dev/@cityofphiladelphia/mapboard';



Mapboard is a framework for building data-rich mapping applications for the City of Philadelphia. It can be used as a template for creating any application which presents information about an address. It can have either of the following two elements alone, or both side-by-side: the map panel and topic panel.

Atlas RealEstate

Mapboard uses functions of the library phila-vue-datafetch, allowing it to return data based on any address.

A Map Panel uses phila-vue-mapping, a library of Vue components for mapping such as Maps, ESRI WebMaps, and Cyclomedia Widgets, etc.

Data returned is presented in the Topic Panel of the application using components of the library phila-vue-comps, such as Vertical Tables or Horizontal Tables, etc.


Check out the wiki for usage documentation.


To publish a new version of Mapboard to NPM:

  1. Commit your changes to master.
  2. Bump the NPM version with npm version major|minor|patch.
  3. Push with tags: git push && git push --tags.
  4. Update wiki docs to reflect new version and/or dependency changes.

Travis will now run a build and publish to NPM.