topic Re: Adding widgets to web application in ArcGIS JavaScript Maps SDK Questions

Adding widgets to web application

AndresKasekamp — Fri, 26 Mar 2021 07:49:56 GMT

I am fairly new to web developing and JavaScript. How can I add ElevationProfile widget to Web Application? It is not in the stemapp3d folder. Is it only possible to add JavaScript API widgets to Web Scene?

Re: Adding widgets to web application

tigerwoulds — Thu, 25 Mar 2021 15:33:59 GMT

Web Map = 2D Layers

Web Scene = 3D Layers

You should be able to add JS API Widgets to both. Are you using Web AppBuilder for this?

Re: Adding widgets to web application

JeffreyWilkerson — Thu, 25 Mar 2021 17:06:14 GMT

Using the Javascript API (4.x) you can add the ElevationProfile widget to a Web Scene. The example that you pointed to does exactly that. Look at the 'sandbox' to see the exact code. In order to use this you will need to put the file (a single HTML page for this example) into a and internet management service (Internet Information Server (IIS) for Windows, or Apache for Linux) in order for the page to be rendered and accessible from a browser. But everything to accomplish what you are asking is in that example.

Re: Adding widgets to web application

AndresKasekamp — Fri, 26 Mar 2021 07:56:15 GMT

I am using a Web AppBuilder. Where and how to I put the code in the WAB folder so the widget will be added to the scene?

Re: Adding widgets to web application

tigerwoulds — Fri, 26 Mar 2021 14:23:18 GMT

Navigate to the {Web AppBuilder for ArcGIS Developer Edition installation directory} > WebAppBuilderForArcGIS > client > stemapp > widgets and copy the ElevationProfile folder into this location.

Add Custom Widgets to Web AppBuilder for ArcGIS Developer Edition (esri.com)

Re: Adding widgets to web application

AndresKasekamp — Mon, 29 Mar 2021 05:35:36 GMT

I tried it, but the widget it will only work with 2d maps, not with 3d scenes.