jekyll-leaflet-mze 0.3.22 → 0.3.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e79835e51b649f9e8e712608e07d72a6d13e1752c357b3a586464c7b47883287
-  data.tar.gz: b01dea680782c61433d0cbd22dcf96004de92f0a9ab8c5f80a7a957c10a19872
+  metadata.gz: b888670af5ae94ceb68e461cfdf4d2add34f10d1a42fc28fab8c4d8fe9542b95
+  data.tar.gz: 2a4421f3444de702df68c969ffbaffb1c5c41b3a47c2df321bd8519e177ece42
 SHA512:
-  metadata.gz: cb27e0f4dde2db80346080fbf4185c2791ae9ad1a6a5beabdc407fb8a80f973adca81931a01986dcc6d133447b9db5ace5f9956e7b65beae6bec04e0bfaa17fb
-  data.tar.gz: b180ac42b01fca2979e28e27e9ab991da8652ae1d6641a43eab4d7f42ebc9e5e85055eff3e1c70e3eab3f6a5ec09cce253bc47c487de96273dd2a2efa9475da6
+  metadata.gz: e817706c9eee96202ba17bbeae2394c79e03ac63f818be32396bddf7c8304ff70b89b68abd7cc6277ff61bee12269d7becff6e7a30efcedab714c602a3a40633
+  data.tar.gz: ecfe3ed189e0be586cd15e862f937d171e8c1567302594774239152dfc959dcc11cc76e4135f799a8a3c5380353434d9ad3cd05b1fbacb5b9d7d13c8522dd4d0

data/lib/jekyll-leaflet-mze/leaflet-map.js

@@ -1,6 +1,7 @@
 (() => {
 // Specify configuration variables, setup any elements and styling
     var leafletCdn = "https://unpkg.com/leaflet@1.9.4/dist/";
+    var leafletSearchCdn = "https://unpkg.com/browse/leaflet-search@3.0.2/dist/";
     var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
 
     // Get tag input arguments & inside block object list
@@ -55,13 +56,18 @@
     }
 
 
-    function _addMarkerToMap(leafletItem, map){
+    function _addMarkerToMap(leafletItem, map, markersLayer){
         var m = leafletItem.value;
         var musicIcon = L.icon({
             iconUrl: iconUrl,
             iconSize: iconSizePixels
         });
-        var result = L.marker([m.latitude, m.longitude], {icon: musicIcon}).addTo(map);
+        var marker = L.marker(
+            [m.latitude, m.longitude],
+            {icon: musicIcon, title: m.city + ":" + m.popupContent}
+        );
+        markersLayer.addLayer(marker);
+
         var potentialPopup = "";
         if('popupContent' in m){
                 potentialPopup += '<ul>';
@@ -142,10 +148,10 @@
        
     }
 
-    function _processLeafletItem(leafletItem, map){
+    function _processLeafletItem(leafletItem, map, markersLayer){
         switch(leafletItem.type){
             case "LeafletMarker":
-                _addMarkerToMap(leafletItem, map);
+                _addMarkerToMap(leafletItem, map, markersLayer);
                 break;
             case "LeafletGeoJSON":
                 _addGeoJSONToMap(leafletItem, map);
@@ -166,17 +172,30 @@
         //Initialize Map with the correct input arguments
         var map = L.map(mapEl.id, 
             {worldCopyJump: true}).setView(_getCenter(), _getZoom());
+        
+        var markersLayer = new L.LayerGroup();
+        map.addLayer(markersLayer);
+        
         L.tileLayer.provider(_getProviderBasemap()).addTo(map);
         if("esriBasemap" in tagInputArg){
             L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
         }
+        var controlSearch = new L.Control.Search({
+            position:'topright',		
+            layer: markersLayer,
+            initial: false,
+            zoom: _getZoom(),
+            marker: false
+        });
+    
+        map.addControl(controlSearch);
 
         //process each Leaflet Item passed in between the block tag middle
         for(var i=0; i<blockLeafletItems.length; i++){
             var leafletItem = blockLeafletItems[i];
             console.log("Adding leaflet item " + leafletItem.id + ":");
             console.log(leafletItem);
-            _processLeafletItem(leafletItem, map);
+            _processLeafletItem(leafletItem, map, markersLayer);
         }
     }
 
@@ -200,6 +219,8 @@
 
     var leafletCssId = "leaflet-css-head";
     var leafletJsId = "leaflet-js-head";
+    var leafletSearchCssId = "leaflet-search-css-head";
+    var leafletSearchJsId = "leaflet-search-js-head";
     var esriLeafletJsId = "esri-leaflet-js-head";
     var leafletProvidersJsId = "leaflet-providers-js-head";
 
@@ -212,6 +233,14 @@
         document.head.appendChild(leafletCssEl);
     }
 
+    var leafletSearchCssEl = document.createElement("link");
+    leafletSearchCssEl.id = leafletSearchCssId;
+    leafletSearchCssEl.rel = "stylesheet";
+    leafletSearchCssEl.href = leafletSearchCdn + "leaflet-search.min.css";
+    if(!document.getElementById(leafletSearchCssEl.id)){
+        document.head.appendChild(leafletSearchCssEl);
+    }
+
     function addToHeadIfNotLoaded(el) {
         //Add the el to the head if it doesn't exist already. If it does,
         //everything we need is already loaded, so draw the map
@@ -244,4 +273,9 @@
         };
     leafletJsEl.src = leafletCdn + "leaflet.js";
     addToHeadIfNotLoaded(leafletJsEl);
+
+    var leafletSearchJsEl = document.createElement("script");
+    leafletSearchJsEl.id = leafletSearchJsId;
+    leafletSearchJsEl.src = leafletSearchCdn + "leaflet-search.min.js";
+    addToHeadIfNotLoaded(leafletSearchJsEl);
 })();

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-leaflet-mze
 version: !ruby/object:Gem::Version
-  version: 0.3.22
+  version: 0.3.24
 platform: ruby
 authors:
 - David Vitale