i cant add graphic from json

huzeyfecoşkun

hi i am trying to add graphic to graphicslayer. here is the problem.

i get json result from sketchviewmodel create function which is graphic.

i store this in to new jsonobject. then i try to add this graphic into graphicslayer manually. but its giving error.

here is the json

{ "geometry":{     "spatialReference":{      "latestWkid":3857,      "wkid":102100   },   "x":243208.09643883476,   "y":2940285.766420703,   "z":351.9580905416081 }, "symbol":{   "type":"point-3d",   "symbolLayers":[      {         "type":"Icon",         "material":{                     },         "resource":{            "primitive":"kite"         },         "size":15,         "outline":{            "color":[               0,               0,               0            ],            "size":2.25         }      }   ] },   "attributes":{      },    "popupTemplate":null }

this code gives error

const [Graphic] = await loadModules(["esri/Graphic"]); let g =  new Graphic(data); // data which is json i gave.

any adivce ? Thank you.

UndralBatsukh

You have couple of issues in your json object. Please see the code below with comments.

 <SPAN class="keyword token">var</SPAN> graphic <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="string token">"geometry"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN>
    <SPAN class="string token">"type"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"point"</SPAN><SPAN class="punctuation token">,</SPAN>       <SPAN class="comment token">// You must set your geometry type. </SPAN>
    <SPAN class="string token">"spatialReference"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN> 
       <SPAN class="string token">"latestWkid"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="number token">3857</SPAN><SPAN class="punctuation token">,</SPAN>      
       <SPAN class="string token">"wkid"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="number token">102100</SPAN>   
    <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> 
    <SPAN class="string token">"x"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="number token">243208.09643883476</SPAN><SPAN class="punctuation token">,</SPAN>   
    <SPAN class="string token">"y"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="number token">2940285.766420703</SPAN><SPAN class="punctuation token">,</SPAN> 
    <SPAN class="string token">"z"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="number token">351.9580905416081</SPAN>
  <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> 
  <SPAN class="string token">"symbol"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN> 
    <SPAN class="string token">"type"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"point-3d"</SPAN><SPAN class="punctuation token">,</SPAN>   
    <SPAN class="string token">"symbolLayers"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">{</SPAN> 
       <SPAN class="string token">"type"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"icon"</SPAN><SPAN class="punctuation token">,</SPAN>   <SPAN class="comment token">// Types are case sensitvie. This should be lower case icon</SPAN>
       <SPAN class="string token">"material"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>         
       <SPAN class="string token">"resource"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN>
          <SPAN class="string token">"primitive"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="string token">"kite"</SPAN>
       <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>         
       <SPAN class="string token">"size"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="number token">75</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="string token">"outline"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN>
          <SPAN class="string token">"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="string token">"size"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="number token">2.25</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="string token">"attributes"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>    
   <SPAN class="string token">"popupTemplate"</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="keyword token">null</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>