【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);
  });