[fix]修改多时相例子时间轴没加载的问题

chenxianhuii · chenxianhuii · commit 5e5aadb2da5c · 2024-11-27T10:29:43.000+08:00
diff --git a/examples/leaflet/multiphaseplay.html b/examples/leaflet/multiphaseplay.html
@@ -116,7 +116,7 @@
     }
 
     function addTimeLine() {
-      var allTime = allFeatures.map(feature => feature.time.split('/')[0]);
+      var allTime = ['2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016'];
       myChart = echarts.init(document.getElementById('timeline'));
       var option = {
         timeline: {
@@ -149,8 +149,8 @@
       myChart.on('timelinechanged', function (params) {
         var url = wmsUrlCache[params.currentIndex];
         layer.setUrl(url);
-        changeTimelinePlay(false);
         layer.once("load", changeTimelinePlay);
+        changeTimelinePlay(false);
       });
     }
 
diff --git a/examples/mapboxgl/multiphaseplay.html b/examples/mapboxgl/multiphaseplay.html
@@ -122,8 +122,15 @@
     }
 
     function start() {
+      map.on('sourcedata', onSourceData);
       addStaticImageLayer();
-      map.on('load', addTimeLine);
+    }
+
+    function onSourceData(e) {
+      if (e.sourceId === 'static-image-layer' && e.isSourceLoaded) {
+        map.off('sourcedata', onSourceData);
+        addTimeLine();
+      }
     }
 
     function addStaticImageLayer() {
@@ -142,7 +149,7 @@
     }
 
     function addTimeLine() {
-      var allTime = allFeatures.map(feature => feature.time.split('/')[0]);
+      var allTime = ['2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016'];
       myChart = echarts.init(document.getElementById('timeline'));
       var option = {
         timeline: {
@@ -177,8 +184,8 @@
         map.getSource('static-image-layer').updateImage({
           url: url
         });
-        changeTimelinePlay(false);
         map.once('idle', changeTimelinePlay);
+        changeTimelinePlay(false);
       });
     }
 
diff --git a/examples/maplibregl/multiphaseplay.html b/examples/maplibregl/multiphaseplay.html
@@ -122,8 +122,15 @@
     }
 
     function start() {
+      map.on('sourcedata', onSourceData); 
       addStaticImageLayer();
-      map.on('load', addTimeLine)
+    }
+
+    function onSourceData(e) {
+      if (e.sourceId === 'static-image-layer' && e.isSourceLoaded) {
+        map.off('sourcedata', onSourceData);
+        addTimeLine();
+      }
     }
 
     function addStaticImageLayer() {
@@ -177,8 +184,8 @@
         map.getSource('static-image-layer').updateImage({
           url: url
         });
-        changeTimelinePlay(false);
         map.once('idle', changeTimelinePlay);
+        changeTimelinePlay(false);
       });
     }
 
diff --git a/examples/openlayers/multiphaseplay.html b/examples/openlayers/multiphaseplay.html
@@ -135,7 +135,7 @@
     }
 
     function addTimeLine() {
-      var allTime = allFeatures.map(feature => feature.time.split('/')[0]);
+      var allTime = ['2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016'];
       myChart = echarts.init(document.getElementById('timeline'));
       var option = {
         timeline: {

Original file line number	Diff line number	Diff line change
`@@ -135,7 +135,7 @@`
`135`	`135`	`}`
`136`	`136`
`137`	`137`	`function addTimeLine() {`
`138`		`- var allTime = allFeatures.map(feature => feature.time.split('/')[0]);`
	`138`	`+ var allTime = ['2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016'];`
`139`	`139`	`myChart = echarts.init(document.getElementById('timeline'));`
`140`	`140`	`var option = {`
`141`	`141`	`timeline: {`