var webmap = new WebMap({
        portalItem: { // autocasts as new PortalItem()
          id: "797061fbb4284b8c8f694ae4066c600a"
        }
      });



      var view = new MapView({
        container: "viewDiv",
        map: webmap,
        center: [-82.23, 34.94],
        zoom: 11
      });




       //let's get a popup graphic on click:'
     view.on("click", function(evt) {
     var screenPoint = {
        x: evt.x,
        y: evt.y
      };
		console.log(screenPoint);
     view.hitTest(screenPoint)
      .then(getGraphics);
      });
  function getGraphics(response) {
		console.log(response)
      view.graphics.removeAll();
      var graphic = new Graphic({
        //gotta set a defined geometry for the symbol to draw
        geometry: response.results[0].graphic.geometry,
        symbol: new SimpleFillSymbol({
           color: [255,255,0,0.0],
           style: "solid",
           outline: {
                color: [102,0,204],
                width: 5
           }
      })
   });

   console.log(graphic);
   view.graphics.add(graphic);

	}