How to use Elevation profile in Appstudio

Question

I see from https://www.esri.com/arcgis-blog/products/appstudio/announcements/whats-new-in-arcgis-appstudio-version-5-3-march-2022/

that

* Map Viewer – Elevation profile support for polyline features

and from

https://learn.arcgis.com/en/projects/configure-apps-for-hikers/

that a trails can have elevation profile.

---------------------------------------------------------------------------------------------------

However, in my case, I created some trails and published it. I also made a webmap and nearby webapp from it.

Then I try to build a mapview app and nearby app from Appstudio.

It fails to load the elevation. What steps should I take to make it works?

P.S. I can use the profile GP to generate elevation polyline and chart in ArcGIS Pro.

Thank for helping.

Felix10546 · Answer

Thank TrevorFrame for your help with screencap, I am busy last week. I will try and replay as soon as next working day.

TrevorFrame · Answer

Hi @Felix10546,

Good news, we found a way you can actually remove the z and m values using Runtime's GeometryEngine, that way if there are any null values, the elevation profile will still work.

To do this, navigate to the ElevationProfileView.qml file inside /Nearby/views folder. Around line 761 is a function drawElevationChart(). Around line 812 you can add a line with using GeometryEngine to remove Z and M. And then use that new geometry object for the inputLineFeatures. See the code snippet below.

let inputLineFeatures = {fields: [{name: "OID", type: "esriFieldTypeObjectID", alias: "OID"}],
                geometryType: "esriGeometryPolyline", attributes: {OID: 1}, sr: {wkid: 102100, latestWkid: 3857}}
let geometryWithoutZ = GeometryEngine.removeZAndM(feature.geometry)
inputLineFeatures.features = [{geometry: geometryWithoutZ.json}]

As for the console.log() statement as stated above, it would go inside your QML code using the Qt Creator editor. You would have to navigate to the /Nearby/views/ElevationProfileView.qml folder, then around line 839 is the fetchSummary() function. You can add the console.log() statement anywhere under the variable declaration of var paramObj around line 849 ( I added mine just below it). Check the screenshot below for a visual of it. You can see the console logs out in the "Application Output" tab which is at the very bottom of the window.

Felix10546 · Answer

Hi Trevor, I am not unsure how to do that. Is the cmd typed in F12 console in a web-browser or elsewhere?

1. I tried In web browser, what paramObj should I defined in order to view the parameter?

2. Is there any console for debugging in Qt editor that allow us to use that command?