phila-vue-mapping (@phila/vue-mapping in npmjs.com)

phila-vue-mapping is a library of Vue components that can be used in mapping apps which use Vue.js and Vuex. It includes many mapping components such as Maps, ESRI WebMaps, and Cyclomedia Widgets, etc.

To Include The Components In Your App

• in a bundled app, use npm:

  npm install @phila/vue-mapping

• in an html file, use the CDN:

  <script src="//unpkg.com/@phila/[email protected]/dist/phila-vue-mapping.js"></script>

Usage

Check out the wiki for usage documentation.

Release Notes

3.1.22 - 1/25/2024

• splits ButtonControl into multiple ButtonControls to fix bug with buttons mixing up onclick events

3.1.21 - 12/4/2023

• updates .yml file to use node 16 for pushing to npm

3.1.20 - 11/10/2023

• all changes to get building certs into atlas.phila.gov

3.1.19 - 7/11/2023

• fixes geolocation tooltip

3.1.18 - 7/10/2023

• adds geolocation that works with pinboard

3.1.17 - 5/15/2023

• fixes outline in mapbox popups

3.1.16 - 4/11/2023

• fixes bug with path to package

3.1.15 - 4/11/2023

• adds maplibregl-mapbox-request-transformer package

3.1.14 - 3/21/2023

• uses maplibre 2.4.0 and turf 6.5.0

3.1.13 - 3/15/2023

• fixes popouts of cyclomedia and pictometry

3.1.12 - 3/13/2023

• includes all changes for upgrading cyclomedia to 23.2

3.1.11 - 2/8/2023

• ran package updates

3.1.10 - 12/20/2022

• adds back ability to pass mapbox access token to map component

3.1.9 - 9/9/2022

• ran package updates

3.1.8 - 3/18/2022

• rolls back to fontawesome 5.15.4 so that it is not ahead of phila-ui

3.1.7 - 3/10/2022

• updates more font-awesome icons to ones from 6.0.0

3.1.6 - 3/10/2022

• upgrades to fontawesome 6.0.0, updates icons.
• uses fontawesome-svg-core 1.2.36, because 1.3.0 causes errors

3.1.5 - 2/8/2022

• fixes bug where adding the maplibre drawing tool was introducing css that masked the zoom buttons

3.1.4 - 1/20/2022

• fixes z-index issue with mapbox popup

3.1.3 - 1/19/2022

• fixes text placement in mapbox popups

3.1.2 - 1/19/2022

• small changes to mapbox circle markers and popups for pinboard

3.1.1 - 1/11/2022

• changes for allowing property-data-explorer to use maplibre

3.1.0 - 10/27/2021

• changes for releasing Property Data Explorer

3.0.1 - 8/18/2021

• includes both mapbox and maplibre

3.0.0 - 7/26/2021

• requires using npm for all package commands

2.2.12 - 7/15/2021

• locks esri-leaflet version on 2.3.1

2.2.11 - 7/12/2021

• fixes a bug with the position of the cyclomedia popout button for property-data-explorer

2.2.10 - 10/27/2020

• uses github actions to push to npmjs

2.2.9 - 10/6/2020

• ran yarn upgrades

2.2.8 - 10/5/2020

• fixes bug with popout of cyclomedia and pictometry

2.2.7 - 9/18/2020

• makes changes to map address input

2.2.6 - 9/18/2020

• Adds control corner for bottom left for layerboard

2.2.5 - 9/17/2020

• uses new commit of esri-leaflet-legend that adds space between symbols and labels

2.2.4 - 9/16/2020

• removes nextTick from leaflet/Map.vue to make layerboard work

2.2.3 - 9/15/2020

• fixes z-index of map address input for mapboard

2.2.2 - 9/4/2020

• changes for WAVE for atlas.phila.gov

2.2.1 - 8/28/2020

• fixes overlay legends for showing circles

2.2.0 - 8/28/2020

• works with pvd that removes all leaflet imports

2.1.18 - 7/30/2020

• fixes bug in mapbox/RasterLayer.vue for viewerboard

2.1.17 - 7/30/2020

• allows moving legends to right side
• changes css for moving measure tool to bottom right corner

2.1.16 - 7/30/2020

• allows moving distance measure tool to right side

2.1.15 - 7/30/2020

• uses mapbox-gl-draw.min.js from https://gist.github.com/godismyjudge95/a4ea43263db53b90b05511c911cd0034 to fix map clicking on mobile. This was suggested by a comment here: https://github.com/mapbox/mapbox-gl-js/issues/9114.

2.1.14 - 7/29/2020

• small fix for year dropdown in mapbox

2.1.13 - 7/29/2020

• fixes more small bugs for releasing mapboard with a mapbox map

2.1.12 - 7/20/2020

• all commits for using mapbox in mapboard

2.1.11 - 6/25/2020

• fixes yarn lock for release

2.1.10 - 6/25/2020

• fixes circlemarkers size in pinboard

2.1.9 - 6/23/2020

• adds dependency leaflet-shape-markers

2.1.8 - 6/17/2020

• fixes bug with font awesome marker placement in mapbox map

2.1.7 - 6/16/2020

• adds FontAwesomeMarker.vue to mapbox section

2.1.6 - 6/14/2020

• improvements in mapbox files for making vue work better, adding more diverse mapbox styles.

2.1.5 - 6/9/2020

• improvements in mapbox files for basemaps, circlemarkers, etc.

2.1.4 - 5/27/2020

• upgrades packages

2.1.3 - 5/7/2020

• changes for popup order in layerboard

2.1.2 - 5/6/2020

• changes to pictometry widget

2.1.1 - 5/5/2020

• fixes problems with pushing to npm

2.1.0 - 5/5/2020

• merges changes for use in pinboard and viewerboard

2.0.10 - 4/1/2020

• fixes css for rendering map and cyclomedia in property data explorer

2.0.9 - 2/6/2020

2.0.8 - 2/6/2020

• fixes pictometry popout button

2.0.7 - 2/6/2020

• lints files for release

2.0.6 - 2/6/2020

• fixes for viewerboard basemap toggle

2.0.5 - 1/31/2020

• pushes again after linting project

2.0.4 - 1/31/2020

• changes to make new destination work

2.0.3 - 1/31/2020

• uses major updates to cyclomedia
• pushes to @phila/vue-mapping instead of @philly/vue-mapping

2.0.2 - 12/30/2019

2.0.1 - 12/19/2019

2.0.0 - 12/17/2019

1.0.47 - 10/23/2019

• correctly fixes date-fns

1.0.46 - 10/23/2019

• attempt to fix date-fns

1.0.45 - 10/23/2019

• you have to use the following with this:

  “@vue/cli-plugin-babel”: “^4.0.5”,
  “@vue/cli-plugin-eslint”: “^4.0.5”,
  “@vue/cli-service”: “^4.0.5”,

1.0.44 - 10/22/2019

• updates from dependabot

1.0.43 - 10/17/2019

• adds linting, fixes VectorMarker by moving changes from update lifecycle hook to a watch

1.0.42 - 10/9/2019

• Uses update to L.esri.Webmap to add datetime to popups

1.0.41 - 10/7/2019

• Monthly package upgrades, merges in all changes to work with pvd upgrade

1.0.40 - 9/24/2019

• Changes for adapting to Cyclomedia 19.12

1.0.39 - 9/23/2019

• Changes for adapting to Cyclomedia 19.12

1.0.38 - 9/23/2019

• Changes for adapting to Cyclomedia 19.12

1.0.37 - 9/6/2019

• Adds to Polyline.vue to fix style changes

1.0.36 - 9/6/2019

• Monthly package upgrades

1.0.35 - 8/9/2019

• Adds border to address search

1.0.34 - 8/9/2019

• Monthly package upgrades

1.0.33 - 7/11/2019

• Upgrades lodash-es and lodash.defaultsdeep

1.0.32 - 6/20/2019

• changes for Pinboard

1.0.31 - 6/2/2019

• Uses axios 0.19.0 to fix security bug

1.0.30 - 5/30/2019

• Adds components/OverlaySelectControl.vue for toggling between two years of data in CleanPhl.
• Changes made over initial development of resource finder.