Incomplete attempt to implement gesturehandling on member detail maps

diff --git a/glm-member-db/views/front/members/detail.html b/glm-member-db/views/front/members/detail.html
index c2bb648..3f0a266 100755 (executable)
--- a/glm-member-db/views/front/members/detail.html
+++ b/glm-member-db/views/front/members/detail.html
@@ -335,6 +335,8 @@
                     <script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js" integrity="sha512-tAGcCfR4Sc5ZP5ZoVz0quoZDYX5aCtEm/eu1KhSLj2c9eFrylXZknQYmxUssFaVJKvvc0dJQixhGjG2yXWiV9Q==" crossorigin=""></script>
                     <link rel="stylesheet" href="{$jsUrl}/Leaflet.loading/src/Control.Loading.css" />
                     <script src="{$jsUrl}/Leaflet.loading/src/Control.Loading.js"></script>
+                    <link rel="stylesheet" href="//unpkg.com/leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css" type="text/css">
+                    <script src="//unpkg.com/leaflet-gesture-handling"></script>
                     <div id="LeafletMapContainer" style="height: 600px; width: 100%;">(map loads here)</div>
       {/if}
       {if $settings.selected_map_interface == 2}
@@ -610,8 +612,27 @@
         {/if}
             var leafletMap;
             function initMap() {
+                
+                // Original line
+                //leafletMap = L.map('LeafletMapContainer').setView([memberLat, memberLon], {$settings.maps_default_zoom});
+
+                // Attempted implementation #1
+                var leafletMap = L.map('LeafletMapContainer', {
+                    gestureHandling: true
+                }).setView([memberLat, memberLon], {$settings.maps_default_zoom});
+
+                // Attempted implementation #2
+                // var leafletMap = L.map('LeafletMapContainer', {
+                //     gestureHandling: true
+                // });
+                // leafletMap.setView([memberLat, memberLon], {$settings.maps_default_zoom});
+
+                // Member list implementation
+                // var leafletMap = L.map('LeafletMapContainer', {
+                //     gestureHandling: true
+                // });
+                // leafletMap.setView([{$settings.maps_default_lat}, {$settings.maps_default_lon}], defZoom);
 
-                leafletMap = L.map('LeafletMapContainer').setView([memberLat, memberLon], {$settings.maps_default_zoom});
                 var leafletTileServer = '{$settings.leaflet_tile_server}/{$settings.leaflet_tile_server_key}/' + {literal}'{z}/{x}/{y}.png'{/literal};
                 var leafletMinZoom = 5;
                 var leafletMaxZoom = 18;