nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Utility Network Trace results

NarendranathMandal

When running the Utility network trace widget, the results will be added as graphics.

How to get the graphics results data in the console ?

I tried to trigger the events which is documented in the api documentation add-result-area. But the event is not working.

Here my code is below

utilityNetworkTrace.on('add-result-area', getResult)

function getResult() {}

Reference URL

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkTrace.html#events-summary

Encontre mais publicações marcadas com

Accepted answers

All comments

PrevinWong1

Hi,

If you are calling methods on the widget directly in your code, make sure you call https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkTrace-UtilityNetworkTraceViewModel.html#addResultAreaToMap
so that your watching on the emit will get fired.

You can also access or watch the resultArea property to get results of the trace as well at any time after a trace is run.
https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkTrace-UtilityNetworkTraceViewModel.html#traceResults
console.log(utilityNetworkTrace.viewModel.traceResults)

Or if you want to watch when it changes

https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
reactiveUtils.watch( () => utilityNetworkTrace.viewModel.traceResults.length, () => { //your code });

NarendranathMandal

Hi ,

How can i export the trace result using javascript .

NarendranathMandal

Thank You , I got the area . Any idea how i can get the atributes print in the console or export the atributes from the trace result ?

PrevinWong1

In your UtilityNetworkTrace constructor, make sure you have enableResultArea defined and set to TRUE. The you will see the result area toggle, at which point, if you toggle, it fires the callback. See images below.

const utilityNetworkTrace = new UtilityNetworkTrace({

view: view,

enableResultArea: true

});

resultArea1.jpg

resultArea2.jpg

NarendranathMandal

<!DOCTYPE html>

<head>

<meta

name="viewport"

content="initial-scale=1,maximum-scale=1,user-scalable=no"

<title>

UtilityNetworkTrace widget | Sample | ArcGIS Maps SDK for JavaScript 4.28

</title>

<link

rel="stylesheet"

href="https://js.arcgis.com/4.28/esri/themes/light/main.css"

<style>

html,

body,

#viewDiv {

padding: 0;

margin: 0;

height: 100%;

width: 100%;

}

</style>

require([

"esri/WebMap",

"esri/views/MapView",

"esri/widgets/UtilityNetworkTrace",

"esri/config",

"esri/widgets/LayerList",

"esri/core/reactiveUtils"

], (WebMap, MapView, UtilityNetworkTrace, esriConfig, LayerList, reactiveUtils) => {

// Set the hostname to the on-premise portal

// Enterprise example: esriConfig.portalUrl = "https://myHostName.esri.com/arcgis";

esriConfig.portalUrl = "https://www.arcgis.com"; // this is the default

// Initialize the WebMap and pass in the webmap id

// Credentials to sign in to the webmap:

// username: viewer01

// password: I68VGU^nMurF

const webmap = new WebMap({

portalItem: {

// autocasts as new PortalItem()

id: "471eb0bf37074b1fbb972b1da70fb310" // webmap id

}

});

// Initialize the view

const view = new MapView({

container: "viewDiv",

map: webmap

});

const layerlist = new LayerList({

view: view

})

view.ui.add(layerlist, {position: 'top-left'})

// Initialize the UtilityNetworkTrace widget without any set parameters

const utilityNetworkTrace = new UtilityNetworkTrace({

view: view,

});

// Add the widget to the view

view.ui.add(utilityNetworkTrace, "top-right");

utilityNetworkTrace.on('add-result-area', test) // working

//utilityNetworkTrace.on('add-result-area', test) // not working

reactiveUtils.watch(() => view.layerViews, () => {

alert('testing')

})

function test(graphic){

console.log(graphic)

alert('testing')

}

});

</script>

</head>

<body>

</body>

</html>

This is the code for your reference .

The fuction itself is not getting call

NarendranathMandal

Yes . a polygon result area is drawn in the map , Only the function is not getting trigger .

PrevinWong1

@NarendranathMandal can you confirm that a polygon result area is drawn in the map after a trace is run and you toggle on the result area?

Also in your function, you need a parameter since the event emits a graphic.

function getResult(graphic) {console.log(graphic)}

avezina

@NarendranathMandal Many people are out of the office this week, we'll get back to you with a resolution or more questions next week.

avezina

Also refer to related post: Utility Network Trace Result - Esri Community

NarendranathMandal

I have included that show properties in UtilityNetworkTrace. But still I am not getting the graphics results in the console.

avezina

@NarendranathMandal , right now the result graphics are only created when they are shown in the view, see #resultAreaProperties

Could that be the reason you are not getting the results in the console?

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.