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; } } }

Remove graphics which created by a widget when widget being closed

TubaKumbara

Hello.

Added DirectLineMeasurement3D widget in to sceneview.

I have a toggle widget button. And button code below

mySceneview.ui.remove(measureWidget);

This is removing widget from sceneview but drawings stays on screen. I can't clear all graphics because of sceneview has another graphics.

How can i remove graphics which created by a widget when widget being closed?

Thanks inadvance

Find more posts tagged with

Accepted answers

rscheitlin

Tuba,

Then you need to destroy the widget as well:

measureWidget<SPAN class="punctuation token">.</SPAN><SPAN class="token function">clearMeasurement</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
view<SPAN class="punctuation token">.</SPAN>ui<SPAN class="punctuation token">.</SPAN><SPAN class="token function">remove</SPAN><SPAN class="punctuation token">(</SPAN>measureWidget<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
measureWidget<SPAN class="punctuation token">.</SPAN><SPAN class="token function">destroy</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

For your second question look here:

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-DefaultUI.html#components

Don't forget to mark this question as answered by clicking on the "Mark Correct" link on the reply that answered your question.

All comments

TubaKumbara

Thanks Robert, your answer has been really helpful.

rscheitlin

Tuba,

Then you need to destroy the widget as well:

measureWidget<SPAN class="punctuation token">.</SPAN><SPAN class="token function">clearMeasurement</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
view<SPAN class="punctuation token">.</SPAN>ui<SPAN class="punctuation token">.</SPAN><SPAN class="token function">remove</SPAN><SPAN class="punctuation token">(</SPAN>measureWidget<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
measureWidget<SPAN class="punctuation token">.</SPAN><SPAN class="token function">destroy</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

For your second question look here:

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-DefaultUI.html#components

Don't forget to mark this question as answered by clicking on the "Mark Correct" link on the reply that answered your question.

TubaKumbara

Thanks for the answer.

yes widget.clearMeasurement is solved problem.

But

Mouse cursor still displaying as "plus" figure (as if widget is opened) and still continuing drawing measure graphic even after close and clear widget.

And another question,

Can we get a list for added widgets?

Thanks inadvance

rscheitlin

Tuba,

It has not been documented but there is a clearMeasurement method.

measureWidget<SPAN class="punctuation token">.</SPAN><SPAN class="token function">clearMeasurement</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

EvelynHernandez

If u use graphicslayer. is graphicslayer.clear();

if u use map.graphics is map.graphics.clear();

if u use layers, map.removeAllLayers() for all of them or removeLayer(urLayer) to remove the desired layers that u added in the map.

I hope this helps.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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