I am using esriRequest to pull XY data from an outside server. I'm wanting to place this data on a graphics layer that can be toggled on/off. Using dev tools in both Chrome and Firefox I can see that I'm successfully making the right calls to grab the data I need, and the graphics appear to be getting the attributes and symbol assigned to them but I can not see the graphics layer on the map. I say "appear" because I can see the object attributes in the console, however, if I look at the layer in the html, the graphic layer is still empty. I do have the graphic set to match the spatial reference of the map. What am I overlooking? Thanks. require ( [ "esri/map" , "esri/layers/ArcGISTiledMapServiceLayer" , "esri/layers/GraphicsLayer" , "esri/request" , "esri/symbols/SimpleMarkerSymbol" , "esri/graphic" , "esri/SpatialReference" , "esri/geometry/Point" , "esri/Color" , "dojo/dom" , "dojo/on" , "dojo/dom-class" , "dojo/_base/json" , "dojox/mobile/Switch" , "dojo/parser" , "dojo/ready" ] , function ( Map , ArcGISTiledMapServiceLayer , GraphicsLayer , esriRequest , SimpleMarkerSymbol , Graphic , SpatialReference , Point , Color , dom , on , domClass , dojoJson , Switch , parser , ready ) { /* // Wait until DOM is ready *and* all outstanding require() calls have been resolved ready(function () { // Parse DOM nodes decorated with the data-dojo-type attribute parser.parse(); */ // Create the map var map = new Map ( "map" , { basemap : "topo" , center : [ - 111.841947 , 40.765530 ] , zoom : 15 } ) ; //Create Graphics Layer var stopsGraphicsLayer = new GraphicsLayer ( { id : "stopsGraphicsLayer" } ) ; var vehicleLocationGraphicsLayer = new GraphicsLayer ( { id : "vehicleLocationGraphicsLayer" } ) ; var basemap = new ArcGISTiledMapServiceLayer ( " https://fmags.fm.utah.edu/arcgis/rest/services/mapservices/public_basemap_2014/MapServer " ) ; map . addLayer ( basemap ) ; //add graphics layer map . addLayer ( vehicleLocationGraphicsLayer ) ; map . addLayer ( stopsGraphicsLayer ) ; //hide graphics layer vehicleLocationGraphicsLayer . hide ( ) ; stopsGraphicsLayer . hide ( ) ; //Create Toggles var vehicle = new Switch ( { id : "vehicle" , //defines css - and you can not repeat and id value : "off" , class : "mblSwSquareShape" } ) ; vehicle . placeAt ( document . body ) ; // e.g add the switch to body vehicle . startup ( ) ; vehicle . on ( "stateChanged" , function ( newstate ) { if ( newstate === "on" ) { console . log ( "on" ) //when switch is turned on - make esriRequest to url & return a response var vehicleLocations = new esriRequest ( { url : " http://www.uofubus.com/Services/JSONPRelay.svc/GetMapVehiclePoints " , content : { "apikey" : "ride1791" , } , handleAs : 'json' , callbackParamName : "method" } ) ; vehicleLocations . then ( vehicleRequestSucceeded , requestFailed ) ; var stopsRequest = new esriRequest ( { url : " http://uofubus.com/Services/JSONPRelay.svc/GetStops " , content : { "apikey" : "ride1791" , } , handleAs : "json" , callbackParamName : "method" } ) ; stopsRequest . then ( stopsRequestSucceeded , requestFailed ) ; } else { vehicleLocationGraphicsLayer . hide ( ) ; console . log ( "hide" ) } } ) ; function vehicleRequestSucceeded ( data ) { for ( i = 0 ; i data . length ; i ++ ) { console . log ( "Vehicle Points: " , data [ i ] . Latitude , data [ i ] . Longitude ) ; //vehicleLocationGraphicsLayer.show(); } } function stopsRequestSucceeded ( data ) { //Get Stops for ( i = 0 ; i data . length ; i ++ ) { if ( data [ i ] . RouteID == "15" ) { //console.log(data .RouteID); //console.log(data .Latitude, data .Longitude); //Assign Symbology var stopsSMS = new SimpleMarkerSymbol ( ) . setSize ( 30 ) . setColor ( new Color ( [ 255 , 0 , 0 ] ) ) ; //Create Graphic var stops = new Graphic ( new Point ( data [ i ] . Latitude , data [ i ] . Longitude , map . SpatialReference ) , stopsSMS , data [ i ] . Description ) ; console . log ( stops ) ; //Add graphics to graphics layer map . getLayer ( stopsGraphicsLayer ) ; stopsGraphicsLayer . add ( stops ) ; map . graphics . add ( stops ) ; } } //Once all the graphics are added to the graohics layer, show GL stopsGraphicsLayer . show ( ) ; console . log ( "graphics layer added: " ) ; console . log ( stopsGraphicsLayer ) ; } function requestFailed ( error ) { console . log ( "Error: " , error . message ) ; } } ) ;

Rachel, The proper order for the point constructor using Long and Lat is Point | API Reference | ArcGIS API for JavaScript 3.18 | constructor You seem to be doing them in reverse. Also I wonder about your graphics attributes is your data.Description a javascript object or just a sting? The attributes property is expecting a js object. Something like this: function stopsRequestSucceeded (data){ //Assign Symbology //No need to create the symbol inside the loop repeatedly var stopsSMS, atts, stop; stopsSMS = new SimpleMarkerSymbol().setSize(30).setColor(new Color([255,0,0])) //Get Stops for(i=0; i .RouteID =="15"){ //console.log(data .RouteID); //console.log(data .Latitude, data .Longitude); //Create Graphic atts = {desc: data .Description}; //The long comes before the lat. stop = new Graphic (new Point(data .Longitude, data .Latitude, new SpatialReference({wkid: 4326})), stopsSMS, atts); console.log(stop); //Add graphics to graphics layer //Not sure what you are trying to do on the next line map.getLayer(stopsGraphicsLayer); //are you trying to add it to the stopsGrphicLayer or the maps graphics? stopsGraphicsLayer.add(stop); map.graphics.add(stop); } } //Once all the graphics are added to the graohics layer, show GL stopsGraphicsLayer.show(); console.log("graphics layer added: "); console.log(stopsGraphicsLayer); }

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

I can't see my graphics layer

RachelAlbritton

I am using esriRequest to pull XY data from an outside server. I'm wanting to place this data on a graphics layer that can be toggled on/off. Using dev tools in both Chrome and Firefox I can see that I'm successfully making the right calls to grab the data I need, and the graphics appear to be getting the attributes and symbol assigned to them but I can not see the graphics layer on the map. I say "appear" because I can see the object attributes in the console, however, if I look at the layer in the html, the graphic layer is still empty. I do have the graphic set to match the spatial reference of the map. What am I overlooking?

Thanks.

<SPAN class="token function">require</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN>
 <SPAN class="string token">"esri/map"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/layers/ArcGISTiledMapServiceLayer"</SPAN><SPAN class="punctuation token">,</SPAN> 
 <SPAN class="string token">"esri/layers/GraphicsLayer"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/request"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/symbols/SimpleMarkerSymbol"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/graphic"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/SpatialReference"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/geometry/Point"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/Color"</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="string token">"dojo/dom"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojo/on"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojo/dom-class"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojo/_base/json"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojox/mobile/Switch"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojo/parser"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojo/ready"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>Map<SPAN class="punctuation token">,</SPAN>ArcGISTiledMapServiceLayer<SPAN class="punctuation token">,</SPAN> GraphicsLayer<SPAN class="punctuation token">,</SPAN> esriRequest<SPAN class="punctuation token">,</SPAN>SimpleMarkerSymbol<SPAN class="punctuation token">,</SPAN> Graphic<SPAN class="punctuation token">,</SPAN> SpatialReference<SPAN class="punctuation token">,</SPAN> Point<SPAN class="punctuation token">,</SPAN> Color<SPAN class="punctuation token">,</SPAN>
 dom<SPAN class="punctuation token">,</SPAN> on<SPAN class="punctuation token">,</SPAN> domClass<SPAN class="punctuation token">,</SPAN> dojoJson<SPAN class="punctuation token">,</SPAN> Switch<SPAN class="punctuation token">,</SPAN> parser<SPAN class="punctuation token">,</SPAN> ready<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
 
 <SPAN class="comment token">/*
 // Wait until DOM is ready *and* all outstanding require() calls have been resolved
 ready(function () {
// Parse DOM nodes decorated with the data-dojo-type attribute
 parser.parse(); */</SPAN>
<SPAN class="comment token">// Create the map</SPAN>
 <SPAN class="keyword token">var</SPAN> map <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Map</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"map"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
 basemap<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"topo"</SPAN><SPAN class="punctuation token">,</SPAN>
 center<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">111.841947</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">40.765530</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
 zoom<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">15</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 <SPAN class="comment token">//Create Graphics Layer</SPAN>
 <SPAN class="keyword token">var</SPAN> stopsGraphicsLayer <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">GraphicsLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
 id<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"stopsGraphicsLayer"</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 <SPAN class="keyword token">var</SPAN> vehicleLocationGraphicsLayer <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">GraphicsLayer</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
 id<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"vehicleLocationGraphicsLayer"</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

 <SPAN class="keyword token">var</SPAN> basemap <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">ArcGISTiledMapServiceLayer</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Ffmags.fm.utah.edu%2Farcgis%2Frest%2Fservices%2Fmapservices%2Fpublic_basemap_2014%2FMapServer" target="_blank">https://fmags.fm.utah.edu/arcgis/rest/services/mapservices/public_basemap_2014/MapServer</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addLayer</SPAN><SPAN class="punctuation token">(</SPAN>basemap<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 <SPAN class="comment token">//add graphics layer</SPAN>
 map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addLayer</SPAN><SPAN class="punctuation token">(</SPAN>vehicleLocationGraphicsLayer<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addLayer</SPAN><SPAN class="punctuation token">(</SPAN>stopsGraphicsLayer<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 <SPAN class="comment token">//hide graphics layer</SPAN>
 vehicleLocationGraphicsLayer<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hide</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 stopsGraphicsLayer<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hide</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 <SPAN class="comment token">//Create Toggles</SPAN>
 <SPAN class="keyword token">var</SPAN> vehicle <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Switch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
 id<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"vehicle"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="comment token">//defines css - and you can not repeat and id</SPAN>
 value<SPAN class="punctuation token">:</SPAN><SPAN class="string token">"off"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="keyword token">class</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"mblSwSquareShape"</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 vehicle<SPAN class="punctuation token">.</SPAN><SPAN class="token function">placeAt</SPAN><SPAN class="punctuation token">(</SPAN>document<SPAN class="punctuation token">.</SPAN>body<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">// e.g add the switch to body</SPAN>
 vehicle<SPAN class="punctuation token">.</SPAN><SPAN class="token function">startup</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 vehicle<SPAN class="punctuation token">.</SPAN><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"stateChanged"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>newstate<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
 <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>newstate <SPAN class="operator token">===</SPAN> <SPAN class="string token">"on"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
 console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"on"</SPAN><SPAN class="punctuation token">)</SPAN>
 <SPAN class="comment token">//when switch is turned on - make esriRequest to url & return a response</SPAN>
 <SPAN class="keyword token">var</SPAN> vehicleLocations <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">esriRequest</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
 url<SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fwww.uofubus.com%2FServices%2FJSONPRelay.svc%2FGetMapVehiclePoints" target="_blank">http://www.uofubus.com/Services/JSONPRelay.svc/GetMapVehiclePoints</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN>
 content<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
 <SPAN class="string token">"apikey"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ride1791"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
 handleAs<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'json'</SPAN><SPAN class="punctuation token">,</SPAN>
 callbackParamName<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"method"</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 vehicleLocations<SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN>vehicleRequestSucceeded<SPAN class="punctuation token">,</SPAN> requestFailed<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 <SPAN class="keyword token">var</SPAN> stopsRequest <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">esriRequest</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
 url<SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fuofubus.com%2FServices%2FJSONPRelay.svc%2FGetStops" target="_blank">http://uofubus.com/Services/JSONPRelay.svc/GetStops</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN>
 content<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
 <SPAN class="string token">"apikey"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ride1791"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
 handleAs<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"json"</SPAN><SPAN class="punctuation token">,</SPAN>
 callbackParamName<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"method"</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 stopsRequest<SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN>stopsRequestSucceeded<SPAN class="punctuation token">,</SPAN> requestFailed<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN>
 
 <SPAN class="keyword token">else</SPAN> 
 <SPAN class="punctuation token">{</SPAN>
 vehicleLocationGraphicsLayer<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hide</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"hide"</SPAN><SPAN class="punctuation token">)</SPAN>
 
 <SPAN class="punctuation token">}</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">function</SPAN> <SPAN class="token function">vehicleRequestSucceeded</SPAN><SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 <SPAN class="keyword token">for</SPAN> <SPAN class="punctuation token">(</SPAN>i<SPAN class="operator token">=</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">;</SPAN> i <SPAN class="operator token"><</SPAN> data<SPAN class="punctuation token">.</SPAN>length<SPAN class="punctuation token">;</SPAN> i<SPAN class="operator token">++</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"Vehicle Points: "</SPAN><SPAN class="punctuation token">,</SPAN> data<SPAN class="punctuation token">[</SPAN>i<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>Latitude <SPAN class="punctuation token">,</SPAN> data<SPAN class="punctuation token">[</SPAN>i<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>Longitude<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="comment token">//vehicleLocationGraphicsLayer.show();</SPAN>
 <SPAN class="punctuation token">}</SPAN>
 <SPAN class="punctuation token">}</SPAN> 
 
 <SPAN class="keyword token">function</SPAN> stopsRequestSucceeded <SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
 
 <SPAN class="comment token">//Get Stops</SPAN>
 <SPAN class="keyword token">for</SPAN><SPAN class="punctuation token">(</SPAN>i<SPAN class="operator token">=</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">;</SPAN> i <SPAN class="operator token"><</SPAN> data<SPAN class="punctuation token">.</SPAN>length<SPAN class="punctuation token">;</SPAN> i<SPAN class="operator token">++</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
 <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">[</SPAN>i<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>RouteID <SPAN class="operator token">==</SPAN><SPAN class="string token">"15"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
 <SPAN class="comment token">//console.log(data<I>.RouteID);</I></SPAN>
 <SPAN class="comment token">//console.log(data<I>.Latitude, data<I>.Longitude);</I></I></SPAN>
 
 <SPAN class="comment token">//Assign Symbology</SPAN>
 <SPAN class="keyword token">var</SPAN> stopsSMS <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">SimpleMarkerSymbol</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">setSize</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">30</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">setColor</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Color</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 <SPAN class="comment token">//Create Graphic</SPAN>
 <SPAN class="keyword token">var</SPAN> stops <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Graphic</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Point</SPAN> <SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">[</SPAN>i<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>Latitude<SPAN class="punctuation token">,</SPAN> data<SPAN class="punctuation token">[</SPAN>i<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>Longitude<SPAN class="punctuation token">,</SPAN> map<SPAN class="punctuation token">.</SPAN>SpatialReference<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> stopsSMS<SPAN class="punctuation token">,</SPAN> data<SPAN class="punctuation token">[</SPAN>i<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>Description<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN>stops<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 <SPAN class="comment token">//Add graphics to graphics layer</SPAN>
 map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getLayer</SPAN><SPAN class="punctuation token">(</SPAN>stopsGraphicsLayer<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 stopsGraphicsLayer<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN>stops<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 map<SPAN class="punctuation token">.</SPAN>graphics<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN>stops<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN>
 <SPAN class="punctuation token">}</SPAN>
 
 <SPAN class="comment token">//Once all the graphics are added to the graohics layer, show GL</SPAN>
 stopsGraphicsLayer<SPAN class="punctuation token">.</SPAN><SPAN class="token function">show</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"graphics layer added: "</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN>stopsGraphicsLayer<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN>
 
 <SPAN class="keyword token">function</SPAN> <SPAN class="token function">requestFailed</SPAN><SPAN class="punctuation token">(</SPAN>error<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"Error: "</SPAN><SPAN class="punctuation token">,</SPAN> error<SPAN class="punctuation token">.</SPAN>message<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN>
 
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

タグ付けされた投稿をもっと見る

Accepted answers

RobertScheitlin__GISP

Rachel,

The proper order for the point constructor using Long and Lat is Point | API Reference | ArcGIS API for JavaScript 3.18 | constructor

You seem to be doing them in reverse. Also I wonder about your graphics attributes is your data.Description a javascript object or just a sting? The attributes property is expecting a js object.

Something like this:

function stopsRequestSucceeded (data){
&nbsp; //Assign Symbology
//No need to create the symbol inside the loop repeatedly
&nbsp; var stopsSMS, atts, stop;
&nbsp; stopsSMS = new SimpleMarkerSymbol().setSize(30).setColor(new Color([255,0,0]))
&nbsp; //Get Stops
&nbsp; for(i=0; i < data.length; i++){
&nbsp;&nbsp;&nbsp; if (data<I>.RouteID =="15"){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //console.log(data<I>.RouteID);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //console.log(data<I>.Latitude, data<I>.Longitude);
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Create Graphic
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; atts = {desc: ‍data<I>.Description};‍
//The long comes before the lat.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; stop = new Graphic (new Point(data<I>.Longitude, data<I>.Latitude, new SpatialReference({wkid: 4326})), stopsSMS, atts);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; console.log(stop);
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Add graphics to graphics layer
//Not sure what you are trying to do on the next line
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.getLayer(stopsGraphicsLayer);
//are you trying to add it to the stopsGrphicLayer or the maps graphics?
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; stopsGraphicsLayer.add(stop);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.graphics.add(stop);
&nbsp;&nbsp;&nbsp; }
&nbsp; }
&nbsp; //Once all the graphics are added to the graohics layer, show GL
&nbsp; stopsGraphicsLayer.show();
&nbsp; console.log("graphics layer added: ");
&nbsp; console.log(stopsGraphicsLayer);
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></I></I></I></I></I></I></I>

All comments

RachelAlbritton

Still nothing.

var stops = new Graphic (new Point (data.Latitude, data.Longitude, new SpatialReference({wkid: 4326})), stopsSMS, data.Description);

evtguy

Try 4326. It looked like you were passing lat/long coordinate values so you need the lat/long WKID which is 4326.

RachelAlbritton

Thanks Steve.

I tried changing that in line 113

<SPAN class="keyword token">var</SPAN> stops <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Graphic</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Point</SPAN> <SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">[</SPAN>i<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>Latitude<SPAN class="punctuation token">,</SPAN> data<SPAN class="punctuation token">[</SPAN>i<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>Longitude<SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">SpatialReference</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">102100</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> stopsSMS<SPAN class="punctuation token">,</SPAN> data<SPAN class="punctuation token">[</SPAN>i<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>Description<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

which is the same spatial reference as my var basemap (line 42), but I still can't see the graphics.

evtguy

Since you're using an ESRI basemap, the spatial reference for the map is Web Mercator. A lat/long coordinate in Web Mercator will end up in a vastly different location. Try specifying the right SpatialReference like this:

<SPAN class="keyword token">var</SPAN> theLatLongPoint <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Point</SPAN><SPAN class="punctuation token">(</SPAN>theInputCoords<SPAN class="punctuation token">[</SPAN><SPAN class="number token">1</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN> theInputCoords<SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">SpatialReference</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN> wkid<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">4326</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

Steve

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.