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.

Mapboard uses functions of the library phila-vue-datafetch (@phila/vue-datafetch in npmjs.com), allowing it to return data based on any address.

A Map Panel uses phila-vue-mapping (@phila/vue-mapping in npmjs.com), 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 (@phila/vue-comps in npmjs.com), 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.

• fixes bug with regmaps not showing

• uses @phila/vue-comps 3.0.12 - fixes cells of horizontal tables

• uses @phila/vue-comps 3.0.11 - adds translation ability to many components
• uses @phila/vue-mapping 3.1.22 - fixes long standing bug with mixed up imagery and cyclomedia buttons
• general bug fixing for creation of voter hub

• uses @phila/vue-comps 3.0.10 which fixes bug with horizontal tables

• fixes bug with previous release where packages were npm linked

• incorporates all changes for adding new data to the nearby topic of atlas

• fixes issue that causes non-effecting error in console from MapPanel.vue when searching an address with the L&I topic open

• fixes bug in store.js

• uses @phila/vue-mapping 3.1.20
• uses @phila/vue-comps 3.0.8
• uses @phila/vue-datafetch 2.2.15
• all changes for adding building certs to atlas

• requests esri token on load
• uses @phila/vue-datafetch 2.2.14 which allows adding esri token

• fixes bug with zoomToShape if the markerForTopic is missing

• uses @phila/vue-comps 3.0.7 which fixes hard-coded bug with BadgeSet.vue

• uses @phila/vue-datafetch that replaces geometry server

• uses @phila/vue-mapping that uses maplibre 2.4.0 and turf 6.5.0

• uses @phila/vue-mapping that fixes cyclomedia and pictometry popouts

• changes for using cyclomedia 23.2

• uses updated @phila/... packages
• ran package updates

• adds 2022 imagery and fixes bug with labels on imagery when it is switched

• uses updated @phila/... packages
• ran package updates

• uses pvc 3.0.4 with fix for translating subtitles of vertical tables

• uses pvc 3.0.3, adds subtitle to vertical table

• uses pvm 3.1.8 and pvc 3.0.2 which roll back to fontawesome 5.15.4 so that they are not ahead of @phila/phila-ui

• uses pvm 3.1.7, pvc 3.0.1, and fontawesome 6.0.0
• uses fontawesome-svg-core 1.2.36, because 1.3.0 causes errors

• uses pvd 2.2.7 which allows esri-client.js fetchBySpatialQuery to take a where clause

• uses pvd 2.2.6 which fixes bug with using geocode of otherParcel if there is no geocode

• uses pvd 2.2.5 which fixes bug with missing variable in console log

• uses pvd 2.2.3 and pvm 3.1.0

• deyarns

• fixes typo

• allows bypassing of errors for mapmarkers with missing data

• uses pvc 2.1.22 which is removes code specific to real estate tax
• fixes on load css issue in real estate tax

• uses pvd that fixes bugs related to routing

• fixes bugs related to routing

• fixes bug in real estate tax routing

• fixes bug in real estate tax routing

• fixes bug in real estate tax routing

• uses new pvc and pvd for update to real estate tax

• uses github actions to push to npmjs

• uses vue-router and i18n

• fixes geojsonForTopic issue for voting topic of atlas

• uses upgraded vue libraries:
  • @phila/vue-mapping 2.2.9
  • @phila/vue-comps 2.1.15
  • @phila/vue-datafetch 1.4.3

• uses pvm 2.2.8 fixing bug with cyclomedia and pictometry popout

• fixes issue in real estate tax by allowing the app to use input in tips if geocode fails

• fixes issue with map loading for the first time

• uses updated pvc and pvm for WAVE

• uses releases of pvd and pvm that remove imports of leaflet and esri-leaflet

• adds the parcel overlay for imagery to the mapbox map

• fixes small bug with cyclomedia circles when mapbox map is used

• uses pvc with small fix to optional buttons in HorizontalTable.vue

• converts measure tool area to square feet from square meters

• allows moving legend to right side of map

• uses @phila/vue-mapping that uses a version of mapbox-gl-draw that does not prevent clicks in mobile
• switches positions of the draw widget and the zoom and geolocate widgets, so that on mobile they do not overlap buttons if cyclomedia or pictometry is turned on

• uses @phila/vue-mapping with small fix to year dropdown in mapbox

• fixes to all libraries for final bugs in adding mapbox to mapboard

• uses pvm 2.1.12 - includes updates for using mapbox in mapboard
• uses pvd 1.3.0 (updates unrelated to mapboard)

• upgrades all packages

• uses minor releases of libraries:
  • @phila/vue-comps 2.1.1
  • @phila/vue-mapping 2.1.1
  • @phila/vue-datafetch 1.2.0

• allows a header, alerts, and healthChecks to be include in a config file.

• fixes bug with pictometry popout button

• fixes map size on phone

• pushes to @phila/mapboard instead of @philly/mapboard

• uses pvd 1.0.3 which fixes bug with handleMapClick in Atlas

• Uses new major releases:
  • Uses @philly/vue-comps 2.0.0
  • Uses @philly/vue-mapping 2.0.0
  • Uses @philly/vue-datafetch 1.0.0

• uses pvc that fixes generation of xml for epay

• uses new release of pvd which finishes passing the state to callback function in http-get

• uses new release of pvd which passes the state to callback function in http-get

• adds back in polyline

• uses pvc 1.0.46 which has more bugfixes for new date-fns

• fixes bug with update to date-fns 2.6.0:

  • date transforms must have the following format:

    import { format, parseISO } from 'date-fns'; ...

    ... date: { transform: function (value) { return format(parseISO(value), 'MM/dd/yyyy'); }, },

• incorporates all pull requests created by dependabot

• Uses new releases of @philly libraries which ran upgrades
  • Uses @philly/vue-comps 1.0.40
  • Uses @philly/vue-mapping 1.0.41
• Uses new restructured pvd (which also ran upgrades)
  • Uses @philly/vue-datafetch 0.0.26

• Fixes icon issue with Cyclomedia 19.12

• Uses Cyclomedia 19.12

• Fixes for dor parcels that are listed with "pipes" in AIS, and for adding polylines in pvm

• Uses new releases of @philly libraries which ran upgrades
  • Uses @philly/vue-comps 1.0.37
  • Uses @philly/vue-mapping 1.0.36
  • Uses @philly/vue-datafetch 0.0.24

• Uses new releases of @philly libraries which ran upgrades
  • Uses @philly/vue-comps 1.0.36
  • Uses @philly/vue-mapping 1.0.35
  • Uses @philly/vue-datafetch 0.0.22
• Adds ids to Horizontal and Vertical table html
• Adds borders to Address Search bars
• Fixes css where very wide horizontal tables were going way behind the map

• Uses new releases of @philly libraries which ran upgrades
  • Uses @philly/vue-comps 1.0.33
  • Uses @philly/vue-mapping 1.0.33
  • Uses @philly/vue-datafetch 0.0.21

• Uses new releases of @philly libraries which ran upgrades
  • Uses @philly/vue-comps 1.0.33
  • Uses @philly/vue-mapping 1.0.33
  • Uses @philly/vue-datafetch 0.0.20

• Uses new releases of @philly libraries which use axios 0.19.0:
  • Uses @philly/vue-comps 1.0.31
  • Uses @philly/vue-mapping 1.0.31
  • Uses @philly/vue-datafetch 0.0.18
• Fixes sources for images in the MapPanel

• Uses @philly/vue-comps 1.0.29
• Uses @philly/vue-mapping 1.0.30
• Uses @philly/vue-datafetch 0.0.17
• Allows you to use a footerContent parameter in your config, which lets you include as many popoverLink and Anchor components in your footer as you need.
• Allows you to use a customComps parameter in your config to include your own components in a project.
• Allows you to set up an initialPopover to put an alert modal on your site when it loads.