topic Re: I can't remove the graphic added to the map in ArcGIS JavaScript Maps SDK Questions

I can't remove the graphic added to the map

emreaktas1 — Thu, 27 Jun 2024 14:34:39 GMT

hello esri community.
I have a small problem can you help me?

js code

items = document.querySelectorAll(".item");

// console.log(items)

items.forEach(item => {

item.addEventListener("click", () => {

item.classList.toggle("checked");

// if(item.className == "item checked"){

//alert("ekle")

let valitem;

valitem = item.children[2].innerHTML;

console.log(" ada parsel " , valitem);

let query = layer.createQuery();

query.where = `adaparsel = '${valitem}'`;

query.outFields = ["*"];

query.returnGeometry = true

layer.queryFeatures(query).then((result) => {

console.log(result);

//let features = result.features;

result.features.map((feature) => {

let staneName= feature.attributes["adaparsel"];

document.getElementById("grafiksonuclar").innerHTML= staneName + "Parsel No"

resultgraphics = new Graphic({

geometry: feature.geometry,

})

view.graphics.add(resultgraphics);

view.goTo(resultgraphics);

if(item.classList == "item"){

document.getElementById("grafiksonuclar").innerHTML= ""

view.graphics.remove(resultgraphics);

}

});

Re: I can't remove the graphic added to the map

MatthewDriscoll — Thu, 27 Jun 2024 19:07:48 GMT

Try, resultGraphic.graphic.removeAll(); or resultGraphic.removeAll()

Re: I can't remove the graphic added to the map

emreaktas1 — Fri, 28 Jun 2024 06:11:47 GMT

hi @MatthewDriscoll

I didn't get results.
appeared on screen did not remove black graphics

I didn't get results.
It did not remove the black graphics appearing on the screen.
I cannot add or remove graphics with the checkbox

Re: I can't remove the graphic added to the map

mleahy_cl — Sat, 29 Jun 2024 14:47:41 GMT

I believe part of the problem may be that every time you execute layer.queryFeatures(query), the features you get in the results are new objects (even if they refer to the same underlying fearures). So when you later try to remove them, you are essentially removing new feature objects that were never actually added to the view (I haven't tested this recently to confirm, but I'm pretty sure that's how it works).

I see two ways to deal with this:

1. Keep a list of the feature objects added to the view's graphics layer, and when you want to remove a graphic based on your query results, find the corresponding graphic that was added (e.g., using objectid as a lookup) and remove that from the views graphics layer instead.

2. Instead of adding features as graphics, create a client-side feature layer that matches the schema of the layer you are querying, and use appyEdits to add/remove features in it. Then you can use objectids from your query results when you need to delete features from the layer.

I might be off the mark here, but hopefully one of these alternatives works for you.

Re: I can't remove the graphic added to the map

emreaktas1 — Tue, 02 Jul 2024 08:13:05 GMT

hi @mleahy_cl

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-featuretable-popup-interaction

What I actually want to do is to show the data selected with selecet on the map, as in the example here.
By adding graphics this makes my application difficult to run.
How can I show the selected layer on the map in a simpler way?

Re: I can't remove the graphic added to the map

mleahy_cl — Tue, 02 Jul 2024 16:25:08 GMT

Ok, it sounds to me like what you want is to highlight features. You can highlight features on a LayerView (see the map view's `whenLayerView()` method) with a list of one or more object IDs. That returns a handle object for that specific highlight. When you want to remove that highlight, you use its `remove()` method.

Here's a sample: https://developers.arcgis.com/javascript/latest/sample-code/highlight-point-features/

The highlight method specifically (on the FeatureLayerView class): https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#highlight

Re: I can't remove the graphic added to the map

emreaktas1 — Fri, 05 Jul 2024 08:36:29 GMT

hi @mleahy_cl

Yes, what I wanted was to highlight and I did this with the whenLayerView method.
What is the method to add a line between 2 selected data as in the screenshot.
I want to add a line to the selected data as in the screenshot

Re: I can't remove the graphic added to the map

mleahy_cl — Wed, 10 Jul 2024 23:22:26 GMT

That's a somewhat different question. I think you'd be looking at creating your own geometry (e.g., a line from the centre of the highlighted item to some related location?), and either add a graphic using that geometry to the map's graphics layer, or to a client-side feature layer. You could get the arrow effect with a CIM symbol.

Re: I can't remove the graphic added to the map

emreaktas1 — Thu, 11 Jul 2024 06:11:50 GMT

hi @mleahy_cl

How can I make a line (eg Cım Symbol) from the center of the highlighted element to the center of the other highlighted element?
Is there any sample code on the subject?

Re: I can't remove the graphic added to the map

mleahy_cl — Fri, 12 Jul 2024 14:04:56 GMT

I don't know of any examples offhand. You can query the geometry for the features you're working with, and use those to derive start and end points (e.g., you can get a centroid from polygons). Use those two points to construct a polyline geometry, then use that geometry to create your graphic to display on the map.