diff --git a/README.md b/README.md index cb740151c..d7dbd137e 100644 --- a/README.md +++ b/README.md @@ -285,6 +285,14 @@ We're going to try spinning this out into its own library; see: https://github.c include: ['mapknitter', 'clouds'], }).addTo(map); +## Add base layers: + + L.LayerGroup.EnvironmentalLayers({ + baseLayers: { // Grayscale base map is used by default when this is undefined + 'Standard': baselayer1 + }, + }).addTo(map); + ## Turn on Leaflet Hash in the URL: L.LayerGroup.EnvironmentalLayers({ diff --git a/dist/LeafletEnvironmentalLayers.js b/dist/LeafletEnvironmentalLayers.js index 28b6b04ff..a2013999e 100644 --- a/dist/LeafletEnvironmentalLayers.js +++ b/dist/LeafletEnvironmentalLayers.js @@ -25855,6 +25855,9 @@ L.LayerGroup.environmentalLayers = L.LayerGroup.extend( hash: false, embed: false, // activates layers on map by default if true. currentHash: location.hash, + defaultBaseLayer: L.tileLayer('https://a.tiles.mapbox.com/v3/jywarren.map-lmrwb2em/{z}/{x}/{y}.png', { + attribution: '© OpenStreetMap contributors', + }), // Source of Truth of Layers name . // please put name of Layers carefully in the the appropriate layer group. layers0: ['purpleLayer', 'toxicReleaseLayer', 'pfasLayer', 'aqicnLayer', 'osmLandfillMineQuarryLayer', 'Unearthing'], @@ -25914,7 +25917,7 @@ L.LayerGroup.environmentalLayers = L.LayerGroup.extend( onAdd: function(map) { this._map = map; this.overlayMaps = {}; - var baseMaps = this.options.baseLayers; + var baseMaps = this.options.baseLayers ? this.options.baseLayers : { "Grey-scale": this.options.defaultBaseLayer.addTo(map) }; for (let layer of this.options.layers.include) { if (this.options.layers0.includes(layer)) { diff --git a/example/oneLinerCodeExample.html b/example/oneLinerCodeExample.html index 1d0b62bc1..3e9edddc5 100644 --- a/example/oneLinerCodeExample.html +++ b/example/oneLinerCodeExample.html @@ -61,13 +61,13 @@ }).setView([43, -83], 3); map.options.minZoom = 3; - var baselayer1 =L.tileLayer( - "https://a.tiles.mapbox.com/v3/jywarren.map-lmrwb2em/{z}/{x}/{y}.png", - { - attribution: - '© OpenStreetMap contributors' - } - ).addTo(map); + var baselayer1 = L.tileLayer( + 'https://api.tiles.mapbox.com/v4/mapbox.emerald/{z}/{x}/{y}.png?access_token=pk.eyJ1Ijoic2FnYXJwcmVldDk3IiwiYSI6ImNqaXhlZjgwaDJtb3EzcW1zdDdwMzJkODcifQ.MA2YIv6VpGLLAo-QYUudTA', + { + attribution: + '© OpenStreetMap contributors', + }, + ).addTo(map); /* This is required, make this optional! */ // var oms = omsUtil(map, { @@ -75,9 +75,9 @@ // circleSpiralSwitchover: 0 // }); L.LayerGroup.EnvironmentalLayers({ - baseLayers: { - 'Grey-scale': baselayer1 - }, + // baseLayers: { + // 'Standard': baselayer1 + // }, include: ['odorreport', 'asian', 'clouds', 'eonetFiresLayer', 'Unearthing'], // exclude: ['mapknitter', 'clouds'], hash: true, diff --git a/package.json b/package.json index 893d74fa5..98266fa8e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "leaflet-environmental-layers", - "version": "2.1.7", + "version": "2.1.8", "description": "", "main": "index.js", "directories": { diff --git a/src/AllLayers.js b/src/AllLayers.js index cbe06cca3..f5d5e33d7 100644 --- a/src/AllLayers.js +++ b/src/AllLayers.js @@ -5,6 +5,9 @@ L.LayerGroup.environmentalLayers = L.LayerGroup.extend( hash: false, embed: false, // activates layers on map by default if true. currentHash: location.hash, + defaultBaseLayer: L.tileLayer('https://a.tiles.mapbox.com/v3/jywarren.map-lmrwb2em/{z}/{x}/{y}.png', { + attribution: '© OpenStreetMap contributors', + }), // Source of Truth of Layers name . // please put name of Layers carefully in the the appropriate layer group. layers0: ['purpleLayer', 'toxicReleaseLayer', 'pfasLayer', 'aqicnLayer', 'osmLandfillMineQuarryLayer', 'Unearthing'], @@ -64,7 +67,7 @@ L.LayerGroup.environmentalLayers = L.LayerGroup.extend( onAdd: function(map) { this._map = map; this.overlayMaps = {}; - var baseMaps = this.options.baseLayers; + var baseMaps = this.options.baseLayers ? this.options.baseLayers : { "Grey-scale": this.options.defaultBaseLayer.addTo(map) }; for (let layer of this.options.layers.include) { if (this.options.layers0.includes(layer)) {