New build

Author: soal

dist/vue-mapbox.common.js

@@ -4847,14 +4847,17 @@ module.exports = /******/ (function(modules) {
               if (this.filter) layer.filter = this.filter;
             }
 
-            layer.paint = this.paint
-              ? this.paint
-              : {
-                  "fill-color": "rgba(".concat(
-                    12 * (this.layerId.length * 3),
-                    ",153,80,0.55)"
-                  )
-                };
+            if (this.type !== "symbol") {
+              layer.paint = this.paint
+                ? this.paint
+                : {
+                    "fill-color": "rgba(".concat(
+                      12 * (this.layerId.length * 3),
+                      ",153,80,0.55)"
+                    )
+                  };
+            }
+
             layer.metadata = this.metadata;
             this.map.addLayer(layer, this.before);
             this.$_emitEvent("added", {
@@ -5016,7 +5019,7 @@ module.exports = /******/ (function(modules) {
           }
         },
         computed: {
-          canvas: function canvas() {
+          canvasElement: function canvasElement() {
             return this.mapSource ? this.mapSource.getCanvas() : null;
           }
         },

dist/vue-mapbox.umd.js

@@ -4904,14 +4904,17 @@
                 if (this.filter) layer.filter = this.filter;
               }
 
-              layer.paint = this.paint
-                ? this.paint
-                : {
-                    "fill-color": "rgba(".concat(
-                      12 * (this.layerId.length * 3),
-                      ",153,80,0.55)"
-                    )
-                  };
+              if (this.type !== "symbol") {
+                layer.paint = this.paint
+                  ? this.paint
+                  : {
+                      "fill-color": "rgba(".concat(
+                        12 * (this.layerId.length * 3),
+                        ",153,80,0.55)"
+                      )
+                    };
+              }
+
               layer.metadata = this.metadata;
               this.map.addLayer(layer, this.before);
               this.$_emitEvent("added", {
@@ -5073,7 +5076,7 @@
             }
           },
           computed: {
-            canvas: function canvas() {
+            canvasElement: function canvasElement() {
               return this.mapSource ? this.mapSource.getCanvas() : null;
             }
           },

dist/vue-mapbox.umd.min.js

@@ -3277,14 +3277,15 @@
                   this.maxzoom && (e.maxzoom = this.maxzoom),
                   this.layout && (e.layout = this.layout),
                   this.filter && (e.filter = this.filter)),
-                (e.paint = this.paint
-                  ? this.paint
-                  : {
-                      "fill-color": "rgba(".concat(
-                        3 * this.layerId.length * 12,
-                        ",153,80,0.55)"
-                      )
-                    }),
+                "symbol" !== this.type &&
+                  (e.paint = this.paint
+                    ? this.paint
+                    : {
+                        "fill-color": "rgba(".concat(
+                          3 * this.layerId.length * 12,
+                          ",153,80,0.55)"
+                        )
+                      }),
                 (e.metadata = this.metadata),
                 this.map.addLayer(e, this.before),
                 this.$_emitEvent("added", { layerId: this.layerId });
@@ -3388,7 +3389,7 @@
             height: { type: Number, default: 100 }
           },
           computed: {
-            canvas: function() {
+            canvasElement: function() {
               return this.mapSource ? this.mapSource.getCanvas() : null;
             }
           },