jekyll-leaflet-mze 0.3.21 → 0.3.23

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3a7f648578847c2bd65e1ea2b4625604c4fcb7331299f992064260f395ffbc4d
-  data.tar.gz: 38c751f34e5172b1665cb31344e4db3c688e17badbe60cd773a0f80324d23de8
+  metadata.gz: 5dcf036d5321c946ba557a58ad6d7f3e728fe24f0d7bc248d057e201efa94868
+  data.tar.gz: c9e1b834c6df9bd8e6d085e6f31997fbc39f614c6b5fb3dc174b408e7167d015
 SHA512:
-  metadata.gz: 66f7d62c5183424bcfad497942b07fda1d2f82efd3b2e490e02216fda0f107c0fb42951a8365c8dcb9f34e88de0a76e54b1d226d7f66ef685ddb512c41739ab1
-  data.tar.gz: 8f01e1f40e382286abf3e19f14dd6e3e04e7031e62b17121057d04ff7c42508d47f53513e4f0dd604bb7db8b7b855f5ab197f99a8b302962c69866b7d11c2d20
+  metadata.gz: 1e2993bb8ed0721373004f0f48601d477a39f6b8c9f93828a7ff7d1ae192594804c3ac399bb3eae628a127828c44fdbe21c6b3881e67e75a26695e4d9347f18c
+  data.tar.gz: 3aaeb4d5eca5a4ad5aa8948cbbee1934533a2ef50ac311355b530060be5a7b1295bb88e296dc1d134aea16fb6daab33904689e9a1a56f15a8174168211dae25c

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
@@ -9,7 +10,7 @@
 
     // Override the map div id if specified, apply default CSS
     var defaultMapElId = "leaflet-map-%{id}";
-   var defaultMapElStyle = "height:500px; margin-top:15px; margin-bottom:15px";
+   var defaultMapElStyle = "height:700px; margin-top:15px; margin-bottom:15px";
     var mapEl = document.getElementById(defaultMapElId);
     if('divId' in tagInputArg){
         mapEl.id = tagInputArg['divId'];
@@ -20,6 +21,8 @@
     document.head.appendChild(defaultMapCssEl);
 
     var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
+    var iconUrl = "/assets/images/music-map/music-icon.png"
+    var iconSizePixels = [48, 48]
 // Actual mapping section; Specify a function to be called later that 
 // assembles the correct JS components based on what the user specified in the 
 // tag input arg, the block section of features, etc. Actually creates the map
@@ -56,10 +59,13 @@
     function _addMarkerToMap(leafletItem, map){
         var m = leafletItem.value;
         var musicIcon = L.icon({
-            iconUrl: '/assets/images/music-map/music-icon.png',
-            iconSize: [48, 48]
+            iconUrl: iconUrl,
+            iconSize: iconSizePixels
         });
-        var result = L.marker([m.latitude, m.longitude], {icon: musicIcon}).addTo(map);
+        var result = L.marker(
+            [m.latitude, m.longitude],
+            {icon: musicIcon, title: m.city + ":" + m.popupContent}
+        ).addTo(map);
         var potentialPopup = "";
         if('popupContent' in m){
                 potentialPopup += '<ul>';
@@ -168,6 +174,15 @@
         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++){
@@ -198,6 +213,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";
 
@@ -210,6 +227,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
@@ -242,4 +267,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.21
+  version: 0.3.23
 platform: ruby
 authors:
 - David Vitale