topic Re: why aren't the Graphic object able to add listener on click event in ArcGIS JavaScript Maps SDK Questions

why aren't the Graphic object able to add listener on click event

Aaronsi — Wed, 09 Jul 2014 07:34:38 GMT

I wonder why the Graphic object aren't able to add listener on click event, then we have to add listener to GraphicsLayer object on click event? Any good reason for that? The result is if I want to add a graphic on map and add a click event on it, I should add that graphic on a graphicsLayer. Then add click event on graphicsLayer. I think this way is completely inconvenient? Also if there are more then 1000 graphic that I have to add on the map, the map become really slowly! Any help?

Re: why aren't the Graphic object able to add listener on click event

TimWitt2 — Sat, 11 Dec 2021 13:51:42 GMT

Aaron you should be able to have a onclick event for the graphics which you have added to the map, as outlined here.

require(["esri/map", ...], function(Map, ...) {
  var map = new Map("mapDiv"),
  mapOnLoad = map.on("load", function(){
    map.graphics.on("click", myGraphicsClickHandler);
  });
  map.addLayer(...);
  
  function myGraphicsClickHandler(evt) {
    alert("User clicked on " + evt.graphic);
  }
});

I hope this is what you were looking for.

Tim

Re: why aren't the Graphic object able to add listener on click event

Aaronsi — Thu, 10 Jul 2014 11:49:53 GMT

! !Hi Tim, you've been so helpful! Actually I've already done the same as you said. But I still perfer something like that:

var PictureMarkerInfo = function()
{
    this.jd = 0.0;
    this.wd = 0.0;
    this.imageUrl = "";
    this.imageWidth = 0;
  this.imageHeight = 0;
}

var addPictureMarkerOnMap = function(pictureMarkerInfo)
{
    var graphic;    
  require([
  "esri/geometry/Point",
  "esri/dijit/PopupTemplate",
  "esri/symbols/PictureMarkerSymbol",
  "esri/graphic"
  ], function(Point, PopupTemplate, PictureMarkerSymbol, Graphic){

  var point = new Point(pictureMarkerInfo.jd, pictureMarkerInfo.wd);
  var markerSymbol = new PictureMarkerSymbol(pictureMarkerInfo.imageUrl, pictureMarkerInfo.imageWidth, pictureMarkerInfo.imageHeight);
  var graphic = new Graphic(point, markerSymbol, null, null);

  graphic.on("click", myGraphicsClickHandler);  

  map.graphics.add(graphic);

  function myGraphicsClickHandler(evt) 
  {  
  alert("User clicked on " + evt.graphic);  
  } 
  });   
    return graphic;
}

Then whether I want to add a listener to a graphic or not,I can do it easily in that way. So I wonder why graphic can't be add a listener. what does the designer want to design for?

Re: why aren't the Graphic object able to add listener on click event

ReneRubalcava — Thu, 10 Jul 2014 13:39:37 GMT

You might be able to do something like this.

var graphicNode = graphic.getNode();
on(graphicNode, 'click', function() {/*stuff*/});

I haven't tested that, but worth a shot.