updated code to v1.3.1

csv/upload-data-here.md

@@ -0,0 +1 @@
+Option: upload your Google Sheets data in separate CSV files here, as described in https://handsondataviz.org/leaflet-storymaps-with-google-sheets/

index.html

@@ -8,22 +8,24 @@
   <title>Leaflet Storymaps with Google Sheets Template</title>
 
   <!-- Load Leaflet CSS and JS-->
-  <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
-    integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
-    crossorigin=""/>
-  <script src="https://unpkg.com/[email protected]/dist/leaflet.js"
-    integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
-    crossorigin=""></script>
+  <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
+    integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
+  <script src="https://unpkg.com/[email protected]/dist/leaflet.js"
+    integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
 
   <!-- Load Leaflet basemap providers -->
-  <script src="https://unpkg.com/leaflet-providers@1.10.2/leaflet-providers.js"></script>
+  <script src="https://unpkg.com/leaflet-providers@2.0.0/leaflet-providers.js"></script>
 
   <!-- Load jQuery  -->
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
 
   <!-- Load PapaParse -->
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/papaparse.min.js"></script>
 
+  <!-- Load Lightbox -->
+  <script src="scripts/lightbox/js/lightbox.js"></script>
+  <link rel="stylesheet" href="scripts/lightbox/css/lightbox.css" />
+
   <!-- Load Font-Awesome -->
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
   <link rel="stylesheet" href="markers/leaflet.extra-markers.min.css">
@@ -54,7 +56,8 @@
       center: [0, 0],
       zoom: 1,
       scrollWheelZoom: false,
-      zoomControl: false
+      zoomControl: false,
+      tap: false
     });
   </script>
 

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',
@@ -18,5 +19,6 @@ var constants = {
   _narrativeText: 'Narrative Text Color',
   _narrativeActive: 'Active Chapter Background Color',
   _narrativeLink: 'Narrative Link Color',
-  _googleAnalytics: 'Google Analytics Tracking ID'
+  _googleAnalytics: 'Google Analytics Tracking ID',
+  _enableLightbox: 'Enable Lightbox for Images'
 };