@giro3d/giro3d/gui/GraticulePanel.js

A JS/WebGL framework for 3D geospatial data visualization

import Panel from './Panel';
class GraticulePanel extends Panel {
  /**
   * @param graticule - The options.
   * @param parentGui - Parent GUI
   * @param instance - The instance
   */
  constructor(graticule, parentGui, instance) {
    super(parentGui, instance, 'Graticule');
    this.addController(graticule, 'enabled').name('Enable').onChange(() => this.notify());
    this.addColorController(graticule, 'color').name('Color').onChange(() => this.notify());
    this.addController(graticule, 'opacity', 0, 1).name('Opacity').onChange(() => this.notify());
    this.addController(graticule, 'xStep').name('X step').onChange(() => this.notify());
    this.addController(graticule, 'yStep').name('Y step').onChange(() => this.notify());
    this.addController(graticule, 'xOffset').name('X Offset').onChange(() => this.notify());
    this.addController(graticule, 'yOffset').name('Y Offset').onChange(() => this.notify());
    this.addController(graticule, 'thickness').name('Thickness').onChange(() => this.notify());
  }
}
export default GraticulePanel;