Merge pull request #11 from DCgov/up-mapbox-style

Release 2.0.0
DCgov · May 8, 2020 · 9bdfdb5 · 9bdfdb5
2 parents 26e49fe + a3be47d
commit 9bdfdb5
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/dcopendata_bikeshare_mapbox.html b/dcopendata_bikeshare_mapbox.html
@@ -274,10 +274,11 @@
         //Replace with your own token
         L.mapbox.accessToken = "pk.eyJ1Ijoib2N0b2RjIiwiYSI6ImNpeWRjZm0yNDAwMDUzMGs1Z3JyZmd2NXQifQ.Y8a2TFYzj-5Oy3hTVb9cfw";
 
-        var map = L.mapbox.map('map', 'mapbox.light', {
+        var map = L.mapbox.map('map', null, {
             zoomControl: false
         })
-            .setView([38.90512740512037, -77.03433036804199], 15);
+        .setView([38.90512740512037, -77.03433036804199], 15)
+        .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/light-v10'));
 
         new L.Control.Zoom({
             position: 'bottomleft'

diff --git a/dcopendata_school_mapbox.html b/dcopendata_school_mapbox.html
@@ -259,10 +259,11 @@
     L.mapbox.accessToken = 'pk.eyJ1Ijoib2N0b2RjIiwiYSI6ImNpeWRjZm0yNDAwMDUzMGs1Z3JyZmd2NXQifQ.Y8a2TFYzj-5Oy3hTVb9cfw';
     var geoJsonArr = [];
 
-    var map = L.mapbox.map('map', 'mapbox.k8xv42t9', {
+    var map = L.mapbox.map('map', null, {
             zoomControl: false
         })
-        .setView([38.90512740512037, -77.03433036804199], 12);
+        .setView([38.90512740512037, -77.03433036804199], 12)
+        .addLayer(L.mapbox.styleLayer('mapbox://styles/octodc/ck9spzwy902yw1io63vdywmfd'));
 
     new L.Control.Zoom({
         position: 'bottomleft'

diff --git a/dcopendata_ward_leaflet.html b/dcopendata_ward_leaflet.html
@@ -142,14 +142,14 @@
     });
 
     //Create map and load basemap tile layer
-    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
-        attribution: 'Map data &copy; <a href="https://openstreetmap.org">OpenStreetMap</a> contributors, ' +
-        '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
-        'Imagery © <a href="https://mapbox.com">Mapbox</a>',
-        id: 'mapbox.streets',
+    L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
+        attribution: '© <a href="https://www.mapbox.com/about/maps/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> <strong><a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a></strong>',
+        id: 'mapbox/light-v10',
         maxZoom: 17,
         minZoom: 9,
-        accessToken: accessToken
+        accessToken: accessToken,
+        tileSize: 512,
+        zoomOffset: -1
     }).addTo(map);
 
     // Add our zoom control manually where we want to