Visualising roots of trees in the Javascript API

SJonker — Sat, 03 Dec 2022 20:17:12 GMT

Hello everyone,

I am using the Javascript API v4.24.7.

I am wondering if it would be possible to render a 3D cube underneath a model of a tree. This cube will represent where the roots are (roughly). Ideally, I would like to change the height of the tree AND cube based on the length of the tree.

The reason I want to do this is because the application is also showing some cables and sewers and it would be interesting to see if the trees + roots are close to any.

I am aware of the different renderer types in the Javascript API, but I am not quite sure if I can visualize two symbols at once, one of them being below the surface.

Currently, I've got the following renderer config for my layer with the tree data:

{ "renderer": { "type": "simple", "symbol": { "type": "web-style", "name": "Frangula", "styleName": "EsriThematicTreesStyle" } } }

This renderer shows me the trees perfectly fine. I presume I would need to add a symbol layer for a cube, and then somehow tell the renderer to draw that symbol underneath the tree web-style symbol.

I am not entirely sure if this is possible and how to go about it, I would really appreciate it if someone could help me.

Thanks

Re: Visualising roots of trees in the Javascript API

David_McRitchie — Mon, 13 Mar 2023 17:17:18 GMT

Hello,

I absolutely love this idea! I believe it should be possible, but it might depend on how the data is set up and added to the scene.

Within most 3D Scenes I have seen, trees are usually symbolised from point features, so in these cases a polygon feature class could be set up, and extruded by their Z value to the depth of the Root system.

The following code sample might provide some help as it shows how to set up the underground navigation for your application.

I hope that provides some help.

topic Re: Visualising roots of trees in the Javascript API in 3D Questions

Visualising roots of trees in the Javascript API

Re: Visualising roots of trees in the Javascript API