Render

In map applications, rendering big data geographical data is a very common requirement. In order to ensure the smoothness of the application, it is necessary to pursue the ultimate rendering performance. For this reason, monitoring engine rendering content is of practical significance for optimizing performance and building map visualization application performance indicators. significance.

accomplish

The following describes how to use the capabilities provided by L7 to simply obtain the rendering performance information of the application.

import { Scene } from '@antv/l7';
import { GaodeMap } from '@antv/l7-maps';

const scene = new Scene({
  id: 'map',
  map: new GaodeMap({
    center: [ 60, 40.7128 ],
    zoom: 2
  }),
  debug: true
});
scene.on('loaded', () => {
  const debugService = scene.getDebugService();
  // Enable monitoring of each frame rendering
  debugService.renderDebug(true)
  debugService.on('renderEnd', renderInfo => {
    const {
      renderUid, // The unique number of the current frame rendering
      renderStart, // current frame rendering start time
      renderEnd, // current frame rendering end time
      renderDuration // current frame rendering time
    } = renderInfo;
    ...
  }

  setTimeout(() => {
    debugService.renderDebug(false);
    debugService.off('renderEnd');
  }, 1000); // Monitor the rendering within 1s
});