Not Able To See Buffer on Click Event On Graphics Layer

[BehrouzHosseini]

Using ArcGIS JavaScript API 3.21 and This Demo Fiddle I am trying to create a buffed area on click event but apparently this is not showing any graphic on bufferLayer graphics Layer

require([
          "esri/map",
          "esri/SpatialReference",
          "esri/graphic",
          "esri/layers/GraphicsLayer",
          "esri/Color", 
          "esri/geometry/Point",
          "esri/geometry/geometryEngine",
          "esri/symbols/SimpleMarkerSymbol",
          "esri/symbols/SimpleLineSymbol", 
          "esri/symbols/SimpleFillSymbol", 
          "esri/renderers/SimpleRenderer",
          "dojo/domReady!"
  ],
  function(
          Map,
          SpatialReference,
          Graphic,
          GraphicsLayer,
          Color,
          Point,
          geometryEngine,
          SimpleMarkerSymbol,  
          SimpleLineSymbol, 
          SimpleFillSymbol, 
          SimpleRenderer
  ) {
      var map = new Map("map", {
          basemap: "streets", 
          center: [-122.4, 37.785],
          zoom: 14, 
    });
        var buffSymb = new SimpleFillSymbol(
          SimpleFillSymbol.STYLE_NULL,
          new SimpleLineSymbol(
            SimpleLineSymbol.STYLE_SHORTDASHDOTDOT,
            new Color([105, 105, 105]),
            2
          ), new Color([255, 255, 0, 0.25])
        );
    var graphicsLayer = new GraphicsLayer();
    var bufferLayer = new GraphicsLayer();
    map.addLayer(graphicsLayer);

      map.on("click", function(evt){
               var buffer = geometryEngine.geodesicBuffer(
                    new Point(evt.mapPoint.x, evt.mapPoint.y),
                    1000,
                    "meters"
                );
      bufferLayer.add(new Graphic(buffer, buffSymb));
       map.addLayer(bufferLayer);
        });
  });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I am not getting any error message but also no result back! can you please take a look at this and let me know what I am doing wrong?

[Jean-MarcRoy1]

Hi @Bengi Geoca,

I was able to get a result with your example by adding spatialReference to the point past to the geometry engine.

Here is your demo modified: ArcGIS Add Point - JSFiddle.

[KristianEkenes]

You can also use the mapPoint instance directly returned from the click event:

var buffer = geometryEngine.geodesicBuffer(evt.mapPoint, 1000, "meters");