Update to latest GL-JS (#5)

* Update deps and docs * Update to v1 of GL-JS and remove unnecessary node deps * Fix Map icon * Update gl-js to v1.1.1
mapbox · Jul 23, 2019 · 91d9e5a · 91d9e5a
1 parent 724d037
commit 91d9e5a
Show file tree

Hide file tree

Showing 10 changed files with 32 additions and 27 deletions.
diff --git a/README.md b/README.md
@@ -29,7 +29,9 @@ const map = new mapboxgl.Map({
     center: [-77.0259, 38.9010],
     zoom: 9
 });
-map.addControl(new MapboxTraffic());
+map.on('load', () => {
+    map.addControl(new MapboxTraffic());
+});
 ```
 
 ## Examples
@@ -45,17 +47,23 @@ map.addControl(new MapboxTraffic());
 
 <!-- Generated by documentation.js. Update this documentation by updating the source code. -->
 
+#### Table of Contents
+
+-   [MapboxTraffic](#mapboxtraffic)
+    -   [Parameters](#parameters)
+    -   [toggleTraffic](#toggletraffic)
+
 ### MapboxTraffic
 
 Create a new [Mapbox GL JS plugin](https://www.mapbox.com/blog/build-mapbox-gl-js-plugins/) that allows you to hide and show
 traffic layers in your map and an optional toggle button.
 
-**Parameters**
+#### Parameters
 
--   `options` **[object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object)** Options to configure the plugin.
-    -   `options.showTraffic` **[boolean](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** Show or hide traffic overlay by default. (optional, default `false`)
-    -   `options.showTrafficButton` **[boolean](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** Show a toggle button to turn traffic on and off. (optional, default `true`)
-    -   `options.trafficSource` **[RegExp](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp)** The traffic source regex used to determine whether a layer displays traffic or not. (optional, default `/mapbox-traffic-v\d/`)
+-   `options` **[object](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object)** Options to configure the plugin.
+    -   `options.showTraffic` **[boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** Show or hide traffic overlay by default. (optional, default `false`)
+    -   `options.showTrafficButton` **[boolean](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean)** Show a toggle button to turn traffic on and off. (optional, default `true`)
+    -   `options.trafficSource` **[RegExp](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp)** The traffic source regex used to determine whether a layer displays traffic or not. (optional, default `/mapbox-traffic-v\d/`)
 
 #### toggleTraffic
 

diff --git a/examples/mapbox-dark.html b/examples/mapbox-dark.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Mapbox GL Traffic</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.js'></script>
-    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.css' rel='stylesheet' />
+    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.js'></script>
+    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css' rel='stylesheet' />
     <script src='../mapbox-gl-traffic.js'></script>
     <link href='../mapbox-gl-traffic.css' rel='stylesheet' />
     <style>

diff --git a/examples/mapbox-light.html b/examples/mapbox-light.html
@@ -5,8 +5,8 @@
     <meta charset='utf-8' />
     <title>Mapbox GL Traffic</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.js'></script>
-    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.css' rel='stylesheet' />
+    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.js'></script>
+    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css' rel='stylesheet' />
     <script src='../mapbox-gl-traffic.js'></script>
     <link href='../mapbox-gl-traffic.css' rel='stylesheet' />
     <style>

diff --git a/examples/mapbox-outdoors.html b/examples/mapbox-outdoors.html
@@ -6,8 +6,8 @@
     <meta charset='utf-8' />
     <title>Mapbox GL Traffic</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.js'></script>
-    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.css' rel='stylesheet' />
+    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.js'></script>
+    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css' rel='stylesheet' />
     <script src='../mapbox-gl-traffic.js'></script>
     <link href='../mapbox-gl-traffic.css' rel='stylesheet' />
     <style>

diff --git a/examples/mapbox-streets.html b/examples/mapbox-streets.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Mapbox GL Traffic</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.js'></script>
-    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.37.0/mapbox-gl.css' rel='stylesheet' />
+    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.js'></script>
+    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css' rel='stylesheet' />
     <script src='../mapbox-gl-traffic.js'></script>
     <link href='../mapbox-gl-traffic.css' rel='stylesheet' />
     <style>

diff --git a/examples/traffic-day.html b/examples/traffic-day.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Mapbox GL Traffic</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.30.0/mapbox-gl.js'></script>
-    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.30.0/mapbox-gl.css' rel='stylesheet' />
+    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.js'></script>
+    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css' rel='stylesheet' />
     <script src='../mapbox-gl-traffic.js'></script>
     <link href='../mapbox-gl-traffic.css' rel='stylesheet' />
     <style>

diff --git a/examples/traffic-night.html b/examples/traffic-night.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Mapbox GL Traffic</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.30.0/mapbox-gl.js'></script>
-    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.30.0/mapbox-gl.css' rel='stylesheet' />
+    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.js'></script>
+    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css' rel='stylesheet' />
     <script src='../mapbox-gl-traffic.js'></script>
     <link href='../mapbox-gl-traffic.css' rel='stylesheet' />
     <style>

diff --git a/index.html b/index.html
@@ -4,8 +4,8 @@
     <meta charset='utf-8' />
     <title>Mapbox GL Traffic</title>
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
-    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.31.0/mapbox-gl.js'></script>
-    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.31.0/mapbox-gl.css' rel='stylesheet' />
+    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.js'></script>
+    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.1.1/mapbox-gl.css' rel='stylesheet' />
     <script src='mapbox-gl-traffic.js'></script>
     <link href='mapbox-gl-traffic.css' rel='stylesheet' />
     <style>

diff --git a/mapbox-gl-traffic.css b/mapbox-gl-traffic.css
diff --git a/package.json b/package.json
@@ -25,15 +25,12 @@
   },
   "homepage": "https://github.com/mapbox/mapbox-gl-traffic#readme",
   "devDependencies": {
-    "browserify": "^11.2.0",
-    "documentation": "^4.0.0-beta.18",
+    "documentation": "^11.0.0",
     "eslint": "^2.8.0",
-    "eslint-config-mourner": "^2.0.1",
-    "uglify-js": "^2.4.24",
-    "watchify": "^3.8.0"
+    "eslint-config-mourner": "^2.0.1"
   },
   "peerDependencies": {
-    "mapbox-gl": "^0.29.0"
+    "mapbox-gl": ">=0.29.0 <2.0.0"
   },
   "eslintConfig": {
     "parserOptions": {