【fix】更新例子

Author: songyumeng

examples/mapboxgl/l7_custom_water_level_chart.html

@@ -174,9 +174,11 @@
       }
 
       map.on('load', function () {
+        var layer, l7Layer, l7Scene;
         map.getL7Scene().then((scene) => {
-          var layer = new mapboxgl.supermap.L7Layer({ type: 'CanvasLayer' });
-          var l7Layer = layer.getL7Layer();
+          l7Scene = scene;
+          layer = new mapboxgl.supermap.L7Layer({ type: 'CanvasLayer' });
+          l7Layer = layer.getL7Layer();
           l7Layer
             .style({
               update: 'always',
@@ -189,10 +191,10 @@
         });
         setInterval(() => {
           x += 0.1;
-          layer.style({
+          l7Layer.style({
             drawingOnCanvas: draw
           });
-          scene.render();
+          l7Layer.reRender();
           return '';
         }, 30);
       });

examples/mapboxgl/l7_rain_particle.html

@@ -72,13 +72,13 @@
           .shape('sprite')
           .size(10)
           .style({
-            opacity: 0.5,
+            opacity: 0.7,
             mapTexture: '../img/A_w2SFSZJp4nIAAAAAAAAAAAAAARQnAQ.png', // rain
             center: [120, 30],
             spriteCount: 120,
             spriteRadius: 10,
-            spriteTop: 2500000,
-            spriteUpdate: 20000,
+            spriteTop: 1000,
+            spriteUpdate: 5,
             spriteScale: 0.6
           });
         map.addLayer(layer);

examples/mapboxgl/l7_snow_particle.html

@@ -37,7 +37,7 @@
         " with <span>© <a href='https://iclient.supermap.io' target='_blank'>SuperMap iClient</a> | </span>" +
         " Map Data <span>© <a href='http://support.supermap.com.cn/product/iServer.aspx' target='_blank'>SuperMap iServer</a></span> ";
 
-      var tileURL = host + '/iserver/services/map-china400/rest/maps/ChinaDark/zxyTileImage.png?z={z}&x={x}&y={y}';
+      var tileURL = 'http://172.16.14.44:8090/iserver/services/map-china400/rest/maps/ChinaDark/zxyTileImage.png?z={z}&x={x}&y={y}';
       var map = new mapboxgl.Map({
         container: 'map',
         style: {
@@ -77,7 +77,8 @@
             center: [120, 30],
             spriteCount: 60,
             spriteRadius: 10,
-            spriteTop: 2500000
+            spriteTop: 1000,
+            spriteUpdate: 2
           });
         map.addLayer(layer);
       });

examples/maplibregl/l7_custom_water_level_chart.html

@@ -174,9 +174,10 @@
       }
 
       map.on('load', function () {
+        var layer, l7Layer;
         map.getL7Scene().then((scene) => {
-          var layer = new maplibregl.supermap.L7Layer({ type: 'CanvasLayer' });
-          var l7Layer = layer.getL7Layer();
+          layer = new maplibregl.supermap.L7Layer({ type: 'CanvasLayer' });
+          l7Layer = layer.getL7Layer();
           l7Layer
             .style({
               update: 'always',
@@ -189,10 +190,10 @@
         });
         setInterval(() => {
           x += 0.1;
-          layer.style({
+          l7Layer.style({
             drawingOnCanvas: draw
           });
-          scene.render();
+          l7Layer.reRender();
           return '';
         }, 30);
       });

examples/maplibregl/l7_rain_particle.html

@@ -72,13 +72,13 @@
           .shape('sprite')
           .size(10)
           .style({
-            opacity: 0.5,
+            opacity: 0.7,
             mapTexture: '../img/A_w2SFSZJp4nIAAAAAAAAAAAAAARQnAQ.png', // rain
             center: [120, 30],
             spriteCount: 120,
             spriteRadius: 10,
-            spriteTop: 2500000,
-            spriteUpdate: 20000,
+            spriteTop: 1000,
+            spriteUpdate: 5,
             spriteScale: 0.6
           });
         map.addLayer(layer);

examples/maplibregl/l7_snow_particle.html

@@ -77,7 +77,8 @@
             center: [120, 30],
             spriteCount: 60,
             spriteRadius: 10,
-            spriteTop: 2500000
+            spriteTop: 1000,
+            spriteUpdate: 2
           });
         map.addLayer(layer);
       });