Add support for basemap api keys

HandsOnDataViz · Aug 16, 2023 · 712bf65 · 712bf65
1 parent 00213c3
commit 712bf65
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/scripts/constants.js b/scripts/constants.js
@@ -10,6 +10,7 @@ var constants = {
 	_githubRepo: 'Author GitHub Repo Link',
 	// Map Settings
 	_tileProvider: 'Basemap Tiles',
+  _tileProviderApiKey: 'Basemap Tiles API Key',
 	_zoomControls: 'Zoom Controls',
   _narrativeWidth: 'Narrative Width',
   _imgContainerHeight: 'Media Container Height',

diff --git a/scripts/storymap.js b/scripts/storymap.js
@@ -85,7 +85,13 @@ $(window).on('load', function() {
   function addBaseMap() {
     var basemap = trySetting('_tileProvider', 'Stamen.TonerLite');
     L.tileLayer.provider(basemap, {
-      maxZoom: 18
+      maxZoom: 18,
+
+      // Pass the api key to most commonly used parameters
+      apiKey: trySetting('_tileProviderApiKey', ''),
+      apikey: trySetting('_tileProviderApiKey', ''),
+      key: trySetting('_tileProviderApiKey', ''),
+      accessToken: trySetting('_tileProviderApiKey', '')
     }).addTo(map);
   }