topic Re: how remove new Graphic() a map? in ArcGIS JavaScript Maps SDK Questions

how remove new Graphic() a map?

CloudingSoft — Sun, 17 Apr 2016 17:04:47 GMT

hello, this is how I add a dynamic new Graphic() to my map, by clicking a button.

idButtonDojo = 1;

var newButton = 'ButtonNodeAddMark_'+idButtonDojo;

// <data> It is a variable data

$( "#"+newButton ).on( "click", {

y : <data>,

x : <data>,

nombre : <data>,

direccion : <data>,

telefono : <data>,

color : <data>

}, addDinamicMark );

function addDinamicMark(event) {

var mapPnt = new Point(event.data.y,event.data.x, new SpatialReference({wkid:4326}));

_width=_height=50;

setMark(webMercatorUtils.geographicToWebMercator(mapPnt),event.data.nombre,event.data.direccion,event.data.telefono,event.data.color,_width,_height);

}

function setMark(pnt,nombre,direccion,telefono,color,_width,_height) {

var Symbol = new PictureMarkerSymbol("https://static.arcgis.com/images/Symbols/Shapes/"+color+"Pin1LargeB.png",_width,_height);

var Template = new InfoTemplate("${Nombre}","Dirección: ${Direccion} \n\
Telefono: ${Contacto} ");

var mark = new Graphic(

pnt,

Symbol,

{

"Nombre": nombre,

"Direccion": " "+direccion,

"Contacto": " "+telefono

Template);

map.graphics.add(mark);

map.infoWindow.resize(270, 350);

}

Now I want to remove this same NEW GRAPHIC() the map with another button, how I can do?

Re: how remove new Graphic() a map?

AdrianWelsh — Sun, 17 Apr 2016 19:30:52 GMT

Hi Fabien,

Check out the remove graphic method from the GraphicsLayer class:

GraphicsLayer | API Reference | ArcGIS API for JavaScript

Re: how remove new Graphic() a map?

CloudingSoft — Sun, 17 Apr 2016 20:26:35 GMT

ok but can not find a simple example to apply in my code

Re: how remove new Graphic() a map?

RobertScheitlin__GISP — Sun, 17 Apr 2016 20:27:36 GMT

Fabien,

This is how you do that.

require "dojo/_base/array", dojoArray

on(dojo.byId("deleteBtn"), "click", lang.hitch(this,function(){

dojoArray.some(map.graphics.graphics, function(gra, index){

if(gra.attribbutes.nombre === 'what ever'){

map.graphics.remove(gra);

}

});

}));

Re: how remove new Graphic() a map?

CloudingSoft — Sun, 17 Apr 2016 20:54:29 GMT

applying this code gives me this error:

"Uncaught ReferenceError: lang is not defined"

Re: how remove new Graphic() a map?

RobertScheitlin__GISP — Sun, 17 Apr 2016 21:14:07 GMT

That means you need the dojo/lang require

Re: how remove new Graphic() a map?

CloudingSoft — Sun, 17 Apr 2016 22:04:13 GMT

ok, and as would pass a parameter to compare the gran.attributes.Nombre?

var _myVar_ = "my point name";

on(dojo.byId("deleteBtn"), "click", lang.hitch(this,function(){

dojoArray.some(map.graphics.graphics, function(gra, index){

if(gra.attributes && gra.attributes.Nombre === _myVar_ ){

map.graphics.remove(gra);

}

});

}));

Re: how remove new Graphic() a map?

RobertScheitlin__GISP — Sat, 11 Dec 2021 16:16:47 GMT

Fabien,

you would need to get the scope of the dojoArray function to the same scope as the _myVar_ is in so to do that you need a lang.hitch on the dojoArray function.

var _myVar_ = "my point name";
on(dojo.byId("deleteBtn"), "click", lang.hitch(this,function(){
     dojoArray.some(map.graphics.graphics, lang.hitch(this, function(gra){
        if(gra.attributes && gra.attributes.Nombre === _myVar_ ){
           map.graphics.remove(gra);
        }
     }));
}));

Or using my recommend dojo version of code from your previous post set PictureMarkerSymbol to map

on(dojo.byId("deleteBtn"), "click", lang.hitch(this,function(){
     var selected = registry.byId('choferSelect').get('value');
     dojoArray.some(map.graphics.graphics, lang.hitch(this, function(gra){
        if(gra.attributes && gra.attributes.Nombre === choferes[selected - 1].nombre){
           map.graphics.remove(gra);
        }
     }));
}));

Re: how remove new Graphic() a map?

CloudingSoft — Sat, 23 Apr 2016 16:36:01 GMT

good, but not in all cases use the tag <select>.

thanks for the help

Re: how remove new Graphic() a map?

RobertScheitlin__GISP — Sat, 23 Apr 2016 17:21:54 GMT

Fabien,

OK, Don't forget to mark your questions as answered by clicking on the "Correct Answer" link on the reply that answered your question.