topic unable to view graphic. in ArcGIS JavaScript Maps SDK Questions

unable to view graphic.

umarfarook — Sun, 16 Oct 2022 19:47:32 GMT

Hello, Im a beginner, I tried this code to view point graphic but I cant see it, kindly help me out.

Thank you.

<html>

<Head>

</Head>

require ([

"esri/map",

"esri/graphic",

"esri/geometry/Point",

"esri/symbols/SimpleMarkerSymbol",

"dojo/domReady!"

], function (Map, Graphic, Point, SimpleMarkerSymbol) {

var map = new Map("map", {

basemap: "topo",

center: [-118.805, 34.027],

zoom: 13

});

var point = new Point(-118.805, 34.027);

var markerSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,

new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,

new Color([255, 0, 0]), 1),

new Color([0, 255, 0, 0.25])

);

var graphic = new Graphic(point, markerSymbol);

map.graphics.add(graphic);

});

</script>

<body>

</body>

</html>

Re: unable to view graphic.

Noah-Sager — Mon, 17 Oct 2022 13:46:40 GMT

Hi @umarfarook, there were 2 issues with your code. First is you were missing some required modules, like SimpleLineSymbol and Color. Whenever you see a "new" in a constructor, make sure you have the required AMD module in the app with an appropriate local variable name. The second issue is that you want to make sure the map is loaded and ready before adding graphics to it. Here is a working test-app that shows what I'm talking about:

https://codepen.io/noash/pen/PoegOxR?editors=1000

Re: unable to view graphic.

umarfarook — Wed, 19 Oct 2022 03:20:34 GMT

Thank you for the help @Noah-Sager. I understood it now :).