adds layer-added and layer-removed events

Author: songololo

docs/README.md

@@ -230,6 +230,6 @@ The following default values can be overridden by passing an object to the `pain
 }
 ```
 
-Additional Functionality
-------------------------
-Please use the issues tracker to request exposing any additional functionality.
+A `@layer-added` event, with layer uid as parameter, is emitted when the layer has been added to the map. This information can be used for subsequent interaction with the layer, such as adding layer specific events.
+
+A `@layer-removed` event, again with layer uid as parameter, is emitted when the layer has been removed.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-mapbox-feature",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "A minimalist Vue component for displaying dynamic geojson on a Mapbox GL JS map.",
   "scripts": {
     "lint": "vue-cli-service lint",

src/components/VueMapboxFeature.vue

@@ -351,6 +351,8 @@ export default {
             'delay': 0
           }
         }, this.behindLayer)
+        // return the layer for reference from parent component
+        this.$emit('layer-added', this.uid)
       } else {
         console.warn('NOTE -> unable to set feature collection geom')
       }
@@ -399,6 +401,7 @@ export default {
     },
     cleanup () {
       if (this.map && this.map.getLayer(this.uid)) {
+        this.$emit('layer-removed', this.uid)
         this.map.removeLayer(this.uid)
       }
       if (this.map && this.map.getSource(this.uid)) {