Hi Any one can help to pick my mistakes in given code. In web console data is showing but it's not displaying on map. ! DOCTYPE html > html > head > meta charset = "utf-8" / > meta name = "viewport" content = "initial-scale=1,maximum-scale=1,user-scalable=no" / > title > GeoJSONLayer - 4.12 / title > style > html , body , #viewDiv { padding : 0 ; margin : 0 ; height : 100 % ; width : 100 % ; } / style > link rel = "stylesheet" href = "https://js.arcgis.com/4.12/esri/themes/light/main.css" / > script src = "https://js.arcgis.com/4.12/" > / script > script > require ( [ "esri/Map" , "esri/views/MapView" , "esri/request" , "esri/Graphic" , "esri/geometry/Point" , "esri/layers/FeatureLayer" , ] , function ( Map , MapView , esriRequest , Graphic , Point , FeatureLayer ) { const url = "http://localhost:5000" const map = new Map ( { basemap : "satellite" , } ) ; const view = new MapView ( { container : "viewDiv" , center : [ 67.068037 , 24.872328 ] , zoom : 12 , map : map } ) ; const fields = [ { name : "ObjectID" , alias : "ObjectID" , type : "oid" } , { name : "Name" , alias : "Name" , type : "string" } , { name : "FAT" , alias : "FAT" , type : "string" } , { name : "Type" , alias : "Type" , type : "string" } , { name : "DC" , alias : "DC" , type : "string" } , { name : "ID" , alias : "ID" , type : "string" } , { name : "POP" , alias : "POP" , type : "string" } ] ; const pTemplate = { title : "{title}" , content : [ { type : "fields" , fieldInfos : [ { fieldName : "Name" , label : "Name" , visible : true } , { fieldName : "FAT" , label : "FAT" , visible : true } , { fieldName : "Type" , label : "Type" , visible : true } , { fieldName : "DC" , label : "DC" , visible : true } , { fieldName : "ID" , label : "ID" , visible : true } , { fieldName : "POP" , label : "POP" , visible : true , format : { digitSeparator : true , places : 0 } } ] } ] } ; const dataRenderer = { type : "simple" , symbol : { type : "simple-marker" , color : "blue" , size : 3 , outline : { // autocasts as new SimpleLineSymbol() width : 0.5 , color : [ 0 , 0 , 0 , 0.2 ] } } , } var options = { query : { f : "json" } , responseType : "json" } ; esriRequest ( url , options ) . then ( webservice ) function webservice ( response ) { var graphicsArray = response . data . map ( function ( result ) { //console.log(result) var resultPnts = result . SHAPE . points . map ( function ( point ) { return new Point ( { x : point . x , y : point . y , spatialReference : result . SHAPE . srid } ) ; } ) var atts = { "ObjectID" : result . OBJECTID , "Splitter" : result . Splitter , "Comment" : result . Comment , "Name" : result . Name , "ID" : result . ID , "Placement" : result . Placement , "POP" : result . POP } ; var graArr = resultPnts . map ( function ( pnt ) { var markerSymbol = { type : "simple-marker" , // autocasts as new SimpleMarkerSymbol() color : [ 226 , 119 , 40 ] } ; return new Graphic ( { geometry : pnt , symbol : markerSymbol , attributes : atts } ) } ) return graArr } ) //console.log(graphicsArray) const layer = new FeatureLayer ( { geometryType : "point" , source : [ graphicsArray ] , fields : fields , objectIdField : "ObjectID" , renderer : dataRenderer , popupTemplate : pTemplate } ) ; map . add ( layer ) ; } } ) ; / script > / head > body > div id = "viewDiv" > / div > / body > / html >

Thank you Robert, error occurs because of an array inside and array. I create an empty array with name myData and push graphic object into myData then call its instance in FeatureLayer. Its working well. let myData = [ ] ; let g = new Graphic ( { geometry : projectedPoint , symbol : markerSymbol , attributes : atts } ) myData . push ( g ) let layer = new FeatureLayer ( { geometryType : "point" , source : myData , fields : fields , objectIdField : "ObjectID" , renderer : dataRenderer , popupTemplate : pTemplate } ) ;

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; } } }

Use Webservices with Arcgis API

kawishabbas

Any one can help to pick my mistakes in given code. In web console data is showing but it's not displaying on map.

<SPAN class="operator token"><</SPAN><SPAN class="operator token">!</SPAN>DOCTYPE html<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN>html<SPAN class="operator token">></SPAN>
  <SPAN class="operator token"><</SPAN>head<SPAN class="operator token">></SPAN>
    <SPAN class="operator token"><</SPAN>meta charset<SPAN class="operator token">=</SPAN><SPAN class="string token">"utf-8"</SPAN> <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN>
    <SPAN class="operator token"><</SPAN>meta
      name<SPAN class="operator token">=</SPAN><SPAN class="string token">"viewport"</SPAN>
      content<SPAN class="operator token">=</SPAN><SPAN class="string token">"initial-scale=1,maximum-scale=1,user-scalable=no"</SPAN>
    <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN>
    <SPAN class="operator token"><</SPAN>title<SPAN class="operator token">></SPAN>GeoJSONLayer <SPAN class="operator token">-</SPAN> <SPAN class="number token">4.12</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>title<SPAN class="operator token">></SPAN>

    <SPAN class="operator token"><</SPAN>style<SPAN class="operator token">></SPAN>
      html<SPAN class="punctuation token">,</SPAN>
      body<SPAN class="punctuation token">,</SPAN>
      #viewDiv <SPAN class="punctuation token">{</SPAN>
        padding<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">;</SPAN>
        margin<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">;</SPAN>
        height<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">100</SPAN><SPAN class="operator token">%</SPAN><SPAN class="punctuation token">;</SPAN>
        width<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">100</SPAN><SPAN class="operator token">%</SPAN><SPAN class="punctuation token">;</SPAN>
      <SPAN class="punctuation token">}</SPAN>
    <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>style<SPAN class="operator token">></SPAN>

    <SPAN class="operator token"><</SPAN>link
      rel<SPAN class="operator token">=</SPAN><SPAN class="string token">"stylesheet"</SPAN>
      href<SPAN class="operator token">=</SPAN><SPAN class="string token">"https://js.arcgis.com/4.12/esri/themes/light/main.css"</SPAN>
    <SPAN class="operator token">/</SPAN><SPAN class="operator token">></SPAN>
    <SPAN class="operator token"><</SPAN>script src<SPAN class="operator token">=</SPAN><SPAN class="string token">"https://js.arcgis.com/4.12/"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>script<SPAN class="operator token">></SPAN>

    <SPAN class="operator token"><</SPAN>script<SPAN class="operator token">></SPAN>
      <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/views/MapView"</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="string token">"esri/request"</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="string token">"esri/Graphic"</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="string token">"esri/geometry/Point"</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="string token">"esri/layers/FeatureLayer"</SPAN><SPAN class="punctuation token">,</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> MapView<SPAN class="punctuation token">,</SPAN> esriRequest<SPAN class="punctuation token">,</SPAN> Graphic<SPAN class="punctuation token">,</SPAN>Point<SPAN class="punctuation token">,</SPAN> FeatureLayer<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>

          <SPAN class="keyword token">const</SPAN> url <SPAN class="operator token">=</SPAN><SPAN class="string token">"http://localhost:5000"</SPAN>

           <SPAN class="keyword token">const</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="punctuation token">{</SPAN>
          basemap<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"satellite"</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">const</SPAN> view <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">MapView</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
          container<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"viewDiv"</SPAN><SPAN class="punctuation token">,</SPAN>
          center<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="number token">67.068037</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">24.872328</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
          zoom<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">12</SPAN><SPAN class="punctuation token">,</SPAN>
          map<SPAN class="punctuation token">:</SPAN> map
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

        <SPAN class="keyword token">const</SPAN> fields <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">[</SPAN>
        <SPAN class="punctuation token">{</SPAN>
          name<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ObjectID"</SPAN><SPAN class="punctuation token">,</SPAN>
          alias<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ObjectID"</SPAN><SPAN class="punctuation token">,</SPAN>
          type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"oid"</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="punctuation token">{</SPAN>
          name<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Name"</SPAN><SPAN class="punctuation token">,</SPAN>
          alias<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Name"</SPAN><SPAN class="punctuation token">,</SPAN>
          type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"string"</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="punctuation token">{</SPAN>
          name<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"FAT"</SPAN><SPAN class="punctuation token">,</SPAN>
          alias<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"FAT"</SPAN><SPAN class="punctuation token">,</SPAN>
          type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"string"</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="punctuation token">{</SPAN>
          name<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Type"</SPAN><SPAN class="punctuation token">,</SPAN>
          alias<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Type"</SPAN><SPAN class="punctuation token">,</SPAN>
          type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"string"</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="punctuation token">{</SPAN>
          name<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"DC"</SPAN><SPAN class="punctuation token">,</SPAN>
          alias<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"DC"</SPAN><SPAN class="punctuation token">,</SPAN>
          type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"string"</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="punctuation token">{</SPAN>
          name<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ID"</SPAN><SPAN class="punctuation token">,</SPAN>
          alias<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ID"</SPAN><SPAN class="punctuation token">,</SPAN>
          type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"string"</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
        <SPAN class="punctuation token">{</SPAN>
          name<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"POP"</SPAN><SPAN class="punctuation token">,</SPAN>
          alias<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"POP"</SPAN><SPAN class="punctuation token">,</SPAN>
          type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"string"</SPAN>
        <SPAN class="punctuation token">}</SPAN>
      <SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>

        <SPAN class="keyword token">const</SPAN> pTemplate <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
        title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"{title}"</SPAN><SPAN class="punctuation token">,</SPAN>
        content<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>
          <SPAN class="punctuation token">{</SPAN>
            type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"fields"</SPAN><SPAN class="punctuation token">,</SPAN>
            fieldInfos<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>
              <SPAN class="punctuation token">{</SPAN>
                fieldName<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Name"</SPAN><SPAN class="punctuation token">,</SPAN>
                label<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Name"</SPAN><SPAN class="punctuation token">,</SPAN>
                visible<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN>
              <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
              <SPAN class="punctuation token">{</SPAN>
                fieldName<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"FAT"</SPAN><SPAN class="punctuation token">,</SPAN>
                label<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"FAT"</SPAN><SPAN class="punctuation token">,</SPAN>
                visible<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN>
              <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
              <SPAN class="punctuation token">{</SPAN>
                fieldName<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Type"</SPAN><SPAN class="punctuation token">,</SPAN>
                label<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Type"</SPAN><SPAN class="punctuation token">,</SPAN>
                visible<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN>
              <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
              <SPAN class="punctuation token">{</SPAN>
                fieldName<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"DC"</SPAN><SPAN class="punctuation token">,</SPAN>
                label<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"DC"</SPAN><SPAN class="punctuation token">,</SPAN>
                visible<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN>
              <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
              <SPAN class="punctuation token">{</SPAN>
                fieldName<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ID"</SPAN><SPAN class="punctuation token">,</SPAN>
                label<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ID"</SPAN><SPAN class="punctuation token">,</SPAN>
                visible<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN>
              <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
              <SPAN class="punctuation token">{</SPAN>
                fieldName<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"POP"</SPAN><SPAN class="punctuation token">,</SPAN>
                label<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"POP"</SPAN><SPAN class="punctuation token">,</SPAN>
                visible<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">,</SPAN>
                format<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
                  digitSeparator<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">,</SPAN>
                  places<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="punctuation token">]</SPAN>
      <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>

        <SPAN class="keyword token">const</SPAN> dataRenderer <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
          type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"simple"</SPAN><SPAN class="punctuation token">,</SPAN>
          symbol <SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
                type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"simple-marker"</SPAN><SPAN class="punctuation token">,</SPAN>
                color<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"blue"</SPAN><SPAN class="punctuation token">,</SPAN>
                size<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">3</SPAN><SPAN class="punctuation token">,</SPAN>
                outline<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="comment token">// autocasts as new SimpleLineSymbol()</SPAN>
                    width<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0.5</SPAN><SPAN class="punctuation token">,</SPAN>
                    color<SPAN class="punctuation token">:</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="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0.2</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">var</SPAN> options <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
          query<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
            f<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"json"</SPAN>
          <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
          responseType<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"json"</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>

        <SPAN class="token function">esriRequest</SPAN><SPAN class="punctuation token">(</SPAN>url<SPAN class="punctuation token">,</SPAN> options<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN>webservice<SPAN class="punctuation token">)</SPAN>

        <SPAN class="keyword token">function</SPAN> <SPAN class="token function">webservice</SPAN><SPAN class="punctuation token">(</SPAN>response<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>

           <SPAN class="keyword token">var</SPAN> graphicsArray <SPAN class="operator token">=</SPAN> response<SPAN class="punctuation token">.</SPAN>data<SPAN class="punctuation token">.</SPAN><SPAN class="token function">map</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>result<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
            <SPAN class="comment token">//console.log(result)</SPAN>

             <SPAN class="keyword token">var</SPAN> resultPnts <SPAN class="operator token">=</SPAN> result<SPAN class="punctuation token">.</SPAN>SHAPE<SPAN class="punctuation token">.</SPAN>points<SPAN class="punctuation token">.</SPAN><SPAN class="token function">map</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>point<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>

             <SPAN class="keyword token">return</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Point</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
                x<SPAN class="punctuation token">:</SPAN>point<SPAN class="punctuation token">.</SPAN>x<SPAN class="punctuation token">,</SPAN>
                y<SPAN class="punctuation token">:</SPAN>point<SPAN class="punctuation token">.</SPAN>y<SPAN class="punctuation token">,</SPAN>
                spatialReference <SPAN class="punctuation token">:</SPAN> result<SPAN class="punctuation token">.</SPAN>SHAPE<SPAN class="punctuation token">.</SPAN>srid
              <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">var</SPAN> atts <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
                <SPAN class="string token">"ObjectID"</SPAN><SPAN class="punctuation token">:</SPAN> result<SPAN class="punctuation token">.</SPAN>OBJECTID<SPAN class="punctuation token">,</SPAN>
                <SPAN class="string token">"Splitter"</SPAN><SPAN class="punctuation token">:</SPAN> result<SPAN class="punctuation token">.</SPAN>Splitter<SPAN class="punctuation token">,</SPAN>
                <SPAN class="string token">"Comment"</SPAN><SPAN class="punctuation token">:</SPAN> result<SPAN class="punctuation token">.</SPAN>Comment<SPAN class="punctuation token">,</SPAN>
                <SPAN class="string token">"Name"</SPAN><SPAN class="punctuation token">:</SPAN> result<SPAN class="punctuation token">.</SPAN>Name<SPAN class="punctuation token">,</SPAN>
                <SPAN class="string token">"ID"</SPAN><SPAN class="punctuation token">:</SPAN> result<SPAN class="punctuation token">.</SPAN>ID<SPAN class="punctuation token">,</SPAN>
                <SPAN class="string token">"Placement"</SPAN><SPAN class="punctuation token">:</SPAN> result<SPAN class="punctuation token">.</SPAN>Placement<SPAN class="punctuation token">,</SPAN>
                <SPAN class="string token">"POP"</SPAN><SPAN class="punctuation token">:</SPAN> result<SPAN class="punctuation token">.</SPAN>POP
              <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>

              <SPAN class="keyword token">var</SPAN> graArr <SPAN class="operator token">=</SPAN> resultPnts<SPAN class="punctuation token">.</SPAN><SPAN class="token function">map</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>pnt<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>

               <SPAN class="keyword token">var</SPAN> markerSymbol <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
                    type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"simple-marker"</SPAN><SPAN class="punctuation token">,</SPAN>  <SPAN class="comment token">// autocasts as new SimpleMarkerSymbol()</SPAN>
                    color<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="number token">226</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">119</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">40</SPAN><SPAN class="punctuation token">]</SPAN>
                  <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>

                <SPAN class="keyword token">return</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Graphic</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
                  geometry<SPAN class="punctuation token">:</SPAN>pnt<SPAN class="punctuation token">,</SPAN>
                  symbol<SPAN class="punctuation token">:</SPAN> markerSymbol<SPAN class="punctuation token">,</SPAN>
                  attributes<SPAN class="punctuation token">:</SPAN> atts
                <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN>
              
              <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN>
              <SPAN class="keyword token">return</SPAN> graArr
          <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN>
          <SPAN class="comment token">//console.log(graphicsArray)</SPAN>

          <SPAN class="keyword token">const</SPAN> layer <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">FeatureLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
            geometryType<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"point"</SPAN><SPAN class="punctuation token">,</SPAN>
            source<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>graphicsArray<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
            fields<SPAN class="punctuation token">:</SPAN> fields<SPAN class="punctuation token">,</SPAN>
            objectIdField<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ObjectID"</SPAN><SPAN class="punctuation token">,</SPAN>
            renderer<SPAN class="punctuation token">:</SPAN> dataRenderer<SPAN class="punctuation token">,</SPAN>
            popupTemplate<SPAN class="punctuation token">:</SPAN> pTemplate
          <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
          map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN>layer<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="operator token"><</SPAN><SPAN class="operator token">/</SPAN>script<SPAN class="operator token">></SPAN>
  <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>head<SPAN class="operator token">></SPAN>

  <SPAN class="operator token"><</SPAN>body<SPAN class="operator token">></SPAN>
    <SPAN class="operator token"><</SPAN>div id<SPAN class="operator token">=</SPAN><SPAN class="string token">"viewDiv"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>div<SPAN class="operator token">></SPAN>
  <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>body<SPAN class="operator token">></SPAN>
<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>html<SPAN class="operator 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>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Encontre mais publicações marcadas com

Accepted answers

kawishabbas

Thank you Robert,

error occurs because of an array inside and array. I create an empty array with name myData and push graphic object into myData then call its instance in FeatureLayer. Its working well.

<SPAN class="keyword token">let</SPAN> myData <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">let</SPAN> g <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="punctuation token">{</SPAN>
                  geometry<SPAN class="punctuation token">:</SPAN>projectedPoint<SPAN class="punctuation token">,</SPAN>
                  symbol<SPAN class="punctuation token">:</SPAN> markerSymbol<SPAN class="punctuation token">,</SPAN>
                  attributes<SPAN class="punctuation token">:</SPAN> atts
                <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN>

                myData<SPAN class="punctuation token">.</SPAN><SPAN class="token function">push</SPAN><SPAN class="punctuation token">(</SPAN>g<SPAN class="punctuation token">)</SPAN> 

 <SPAN class="keyword token">let</SPAN> layer <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">FeatureLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
            geometryType<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"point"</SPAN><SPAN class="punctuation token">,</SPAN>
            source<SPAN class="punctuation token">:</SPAN> myData<SPAN class="punctuation token">,</SPAN>
            fields<SPAN class="punctuation token">:</SPAN> fields<SPAN class="punctuation token">,</SPAN>
            objectIdField<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"ObjectID"</SPAN><SPAN class="punctuation token">,</SPAN>
            renderer<SPAN class="punctuation token">:</SPAN> dataRenderer<SPAN class="punctuation token">,</SPAN>
            popupTemplate<SPAN class="punctuation token">:</SPAN> pTemplate
        <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>

All comments

kawishabbas

Sorry Robert

4326 is spatial reference of my another service.

Spatial reference of data returned by this service is 32642

RobertScheitlin__GISP

Kawish,

The x and y values you are showing in your screen shot are NOT wkid 4326.

kawishabbas

Spatial reference is 4326 but when i used GeoJSON service it works well.

GeoJSON service that i had used has same spatial reference as same as this web service.

kawishabbas

Spatial reference is 4326

CarlosNantes

Maybe spatialReference of points is different from the map.

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="" style="color: #0077aa; border: 0px; font-weight: inherit;">return</SPAN> <SPAN class="" style="color: #0077aa; border: 0px; font-weight: inherit;">new</SPAN> <SPAN class="" style="border: 0px; font-weight: inherit;">Point</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">(</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; x<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">:</SPAN>point<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">.</SPAN>x<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; y<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">:</SPAN>point<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">.</SPAN>y<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; spatialReference <SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">:</SPAN> result<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">.</SPAN>SHAPE<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">.</SPAN>srid
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">}</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">)</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">;</SPAN>

I had that kind of problem once when using Arcgis js api 3.x and needed to project the points before add to the map.

RobertScheitlin__GISP

What is the spatial reference of the data returned by the web service?

kawishabbas

Yes Robert.

I get data in console. Following data is from line 199.

RobertScheitlin__GISP

Kawish,

Did you get results from either of your console.log lines you have commented out now?

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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