Difficulties to understand how to get the menuGlobe working

[thomleysens]

My Environment

• Version used: iTowns v2.12.0
• Browser Name and version: Mozilla Firefox 67.0.4 (64 bits)
• Operating System and version (desktop or mobile): Ubuntu 18.04.2 LTS (64 bit)
• Link to your project:

Difficulties

Hi,

It appears to be difficult to understand how to configure the menuGlobe.

Maybe I'm wrong but I didn't find anything in the iTowns documentation. There is a lot of examples and it is great but it is not easy to understand how to build a menu (to manage opacity and visibility of layers).
We have to use:

• GuiTools.js link
• dat.gui.min.js link
• example.css link
• debug.js link

As I understand it, GuiTools.js uses a specific version of the dat.gui JS library without the CSS and specific CSS in example.css and we have to also use debug.js to make loops like this:

for (var layer of this.view.getLayers()) {
       layer.whenReady.then(  (layer) => {
                   if (layer.visible != undefined)
                   {
                     var gui = debug.GeometryDebug.createGeometryDebugUI(this.menuGlobe.gui, this.view, layer);
                  }
                 });
             }

It takes time to understand this. A simple example on how to build a menu with all the necessary sources could be useful I think.

[gchoqueux]

Hi,
Unfortunately, the debug tools aren't well did. We would like soon re-factorize these tools. But we are focusing on the iTowns core.

You could visit the index.html to have example.

You could simply use dat.gui :

// example dat.gui
const myColorLayer = new itowns.ColorLayer(...);
const gui = new dat.GUI();
view.addLayer(myColorLayer).then(layer =>  { 
     gui.add(layer, 'opacity', 0.0, 1.0);
});

[thomleysens]

Hi,

Thanks for your quick answer.
I will manage to use these tools and keep them simple as you suggest and wait for the future(s) version(s) of these tools.
Do I have to close this issue ?

[gchoqueux]

Do I have to close this issue ?

No, it's good to expose this issue.

[thomleysens]

Ok.