Mapbox vector layer

config/jsdoc/api/plugins/api.js

@@ -200,6 +200,11 @@ exports.handlers = {
   processingComplete(e) {
     const byLongname = e.doclets.index.longname;
     for (const name in defaultExports) {
+      if (!(name in byLongname)) {
+        throw new Error(
+          `missing ${name} in doclet index, did you forget a @module tag?`
+        );
+      }
       byLongname[name].forEach(function (doclet) {
         doclet.isDefaultExport = true;
       });

examples/mapbox-vector-layer.css

@@ -0,0 +1,3 @@
+.map {
+  background: #f8f4f0;
+}

examples/mapbox-vector-layer.html

@@ -0,0 +1,15 @@
+---
+layout: example.html
+title: Mapbox Vector Layer
+shortdesc: Rendering a layer with a Mapbox-hosted style.
+docs: >
+  The MapboxVector layer allows you to create a layer based on a Mapbox-hosted style using a single
+  vector source.  If your style uses more than one source, use the `source` property to choose a
+  single vector source.  Use the `layers` property if you only want to render a subset of the style's
+  layers (provided they all share the same source).
+tags: "mapbox, studio, vector, tiles"
+cloak:
+  - key: pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiY2pzbmg0Nmk5MGF5NzQzbzRnbDNoeHJrbiJ9.7_-_gL8ur7ZtEiNwRfCy7Q
+    value: Your Mapbox access token from https://mapbox.com/ here
+---
+<div id="map" class="map"></div>

examples/mapbox-vector-layer.js

@@ -0,0 +1,18 @@
+import Map from '../src/ol/Map.js';
+import MapboxVector from '../src/ol/layer/MapboxVector.js';
+import View from '../src/ol/View.js';
+
+const map = new Map({
+  target: 'map',
+  layers: [
+    new MapboxVector({
+      styleUrl: 'mapbox://styles/mapbox/bright-v9',
+      accessToken:
+        'pk.eyJ1IjoiYWhvY2V2YXIiLCJhIjoiY2pzbmg0Nmk5MGF5NzQzbzRnbDNoeHJrbiJ9.7_-_gL8ur7ZtEiNwRfCy7Q',
+    }),
+  ],
+  view: new View({
+    center: [0, 0],
+    zoom: 2,
+  }),
+});

package.json

@@ -42,6 +42,7 @@
   },
   "dependencies": {
     "elm-pep": "^1.0.4",
+    "ol-mapbox-style": "^6.1.1",
     "pbf": "3.2.1",
     "pixelworks": "1.1.0",
     "rbush": "^3.0.1"
@@ -85,7 +86,6 @@
     "loglevelnext": "^4.0.1",
     "marked": "1.0.0",
     "mocha": "7.1.2",
-    "ol-mapbox-style": "^6.1.1",
     "pixelmatch": "^5.1.0",
     "pngjs": "^5.0.0",
     "proj4": "2.6.1",

rendering/cases/layer-mapbox-vector/main.js

@@ -0,0 +1,22 @@
+import Map from '../../../src/ol/Map.js';
+import MapboxVector from '../../../src/ol/layer/MapboxVector.js';
+import View from '../../../src/ol/View.js';
+
+new Map({
+  layers: [
+    new MapboxVector({
+      styleUrl: '/data/styles/bright-v9.json',
+      accessToken: 'test-token',
+    }),
+  ],
+  target: 'map',
+  view: new View({
+    center: [1825927.7316762917, 6143091.089223046],
+    zoom: 15,
+  }),
+});
+
+render({
+  message: 'Mapbox vector layer renders',
+  tolerance: 0.025,
+});