[UPD]

Viglino · Dec 14, 2023 · 2ef4bc3 · 2ef4bc3
1 parent 00aaead
commit 2ef4bc3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/examples/control/map.switcher.image.html b/examples/control/map.switcher.image.html
@@ -78,7 +78,7 @@ <h1>ol-ext: Layerswitcher image</h1>
 
 var vector = new ol.layer.Vector({
   name: '1914-18',
-  preview: "http://www.culture.gouv.fr/Wave/image/memoire/2445/sap40_z0004141_v.jpg",
+  preview: '//wsrv.nl/?url=http://www.culture.gouv.fr/Wave/image/memoire/2445/sap40_z0004141_v.jpg',
   source: vectorSource
 });
 

diff --git a/examples/storymap/map.control.timeinterval.html b/examples/storymap/map.control.timeinterval.html
@@ -113,6 +113,9 @@ <h1>ol-ext: Timeline control</h1>
   var cache = {};
   function style(select){
     return function(f) {
+      // Is hidden
+      if (!f.get('visible')) return [];
+      // Display feature on the map
       var style = cache[f.get('img')+'-'+select];
       if (!style) {
         var img = new ol.style.Photo({
@@ -126,7 +129,8 @@ <h1>ol-ext: Timeline control</h1>
           onload: function() { f.changed(); }
         })
         style = cache[f.get('img')+'-'+select] = new ol.style.Style({
-          image: img
+          image: img,
+          zIndex: select ? 1 : 0
         })
       }
       return style;
@@ -189,10 +193,10 @@ <h1>ol-ext: Timeline control</h1>
     // Filter features visibility
     vectorSource.getFeatures().forEach(function(f) {
       var date = new Date(f.get('date'));
-      if (date<e.dateStart || date>e.dateEnd) {
-        f.setStyle([]);
+      if (date < e.dateStart || date > e.dateEnd) {
+        f.set('visible', false)
       } else {
-        f.setStyle();
+        f.set('visible', true)
       }
     });
   });
@@ -207,7 +211,7 @@ <h1>ol-ext: Timeline control</h1>
       tline.setDate(f.get('date'));
       // Show info
 			var info = $("#select").html("");
-			$("<img>").attr('src',f.get("img")).appendTo(info);
+			$("<img>").attr('src', '//wsrv.nl/?url=' + f.get("img")).appendTo(info);
 			$("<p>").text(f.get("text")).appendTo(info);
       $("<p>").text(f.get("commune")+" ("+f.get("region")+" - "
         + (new Date(f.get("date"))).toLocaleDateString(undefined, {year: 'numeric', month: 'short', day: 'numeric'})