Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/CityOfPhiladelphia/phila-vue-mapping

a library of vue components used by mapping applications
https://github.com/CityOfPhiladelphia/phila-vue-mapping

citygeo cyclomedia esri-leaflet leaflet pictometry pvm vue

Last synced: about 1 month ago
JSON representation

a library of vue components used by mapping applications

Awesome Lists containing this project

README 

        
# phila-vue-mapping ([@phila/vue-mapping](https://www.npmjs.com/package/@phila/vue-mapping) in [npmjs.com](https://npmjs.com))



phila-vue-mapping is a library of Vue components that can be used in mapping apps which use [Vue.js](https://vuejs.org/v2/guide/) and [Vuex](https://vuex.vuejs.org/).  It includes many mapping components such as [Maps](https://github.com/CityOfPhiladelphia/phila-vue-mapping/wiki/Map), [ESRI WebMaps](https://github.com/CityOfPhiladelphia/phila-vue-mapping/wiki/EsriWebMap), and [Cyclomedia Widgets](https://github.com/CityOfPhiladelphia/phila-vue-mapping/wiki/CyclomediaWidget), etc.



![](https://s3.amazonaws.com/mapboard-images/phila-vue-mapping/phila-vue-mapping.JPG)



## 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:



    ``



## Usage

Check out [the wiki](https://github.com/CityOfPhiladelphia/phila-vue-mapping/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.