<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Converting geojson to feature layer in HTML5, CSS, JavaScript, and JavaScript Frameworks</title>
    <link>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/converting-geojson-to-feature-layer/m-p/810985#M23</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi!&lt;/P&gt;&lt;P&gt;I am building a simple app with the ESRI javascript API. It contains two feature layers from an ESRI REST API, and I also need to get GPX-data from another API. I have managed to get and convert the GPX into geojson, and now I want to create a feature layer in my code to display the geojson data on the same map.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;The question is how?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Here are code snippets:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Simple featureLayer:&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;var featureLayerEnkeltminner = new FeatureLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://askeladden_wms.ra.no/arcgis/rest/services/WMS/RA_Askeladden/MapServer/1" rel="nofollow" target="_blank"&gt;http://askeladden_wms.ra.no/arcgis/rest/services/WMS/RA_Askeladden/MapServer/1&lt;/A&gt;&lt;SPAN&gt;", {&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; infoTemplate: new InfoTemplate("${Navn}", "${*}"),&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; outFields: ["Navn", "KulturminneID", "KategoriID", "VernetypeID", "KOMM"]&lt;/P&gt;&lt;P&gt;&amp;nbsp; });&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Get and convert GPX-data:&lt;/P&gt;&lt;P&gt;var api = new KR.API();&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="line-height: 1.5;"&gt;var tur = {&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; api: 'utno2,&lt;/P&gt;&lt;P&gt;&lt;SPAN style="line-height: 1.5;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; id: '2.11234',&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; type: 'gpx'&lt;/P&gt;&lt;P&gt;};&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;api.getData(tur, function (res) {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; console.log(res);&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;The code above uses other javascript libraries than ESRI, but that should not be a problem. The console logs the object like it should:&lt;/P&gt;&lt;P&gt;Objectfeatures:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Array[1]0:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Objectgeometry:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Objectcoordinates:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Array[2057]&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; type: "LineString"&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; __proto__:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Objectproperties:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Objectname: "Flyktningeruta"&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; [...]&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;So the thing is that I need to use something like featureCollection to create a featureLayer, but how do I get the methods to use object I have created?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;All help is greatly appreciated!&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Chris&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Wed, 10 Jun 2015 12:14:31 GMT</pubDate>
    <dc:creator>ChristerVinje_Gimse</dc:creator>
    <dc:date>2015-06-10T12:14:31Z</dc:date>
    <item>
      <title>Converting geojson to feature layer</title>
      <link>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/converting-geojson-to-feature-layer/m-p/810985#M23</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi!&lt;/P&gt;&lt;P&gt;I am building a simple app with the ESRI javascript API. It contains two feature layers from an ESRI REST API, and I also need to get GPX-data from another API. I have managed to get and convert the GPX into geojson, and now I want to create a feature layer in my code to display the geojson data on the same map.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;The question is how?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Here are code snippets:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Simple featureLayer:&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;var featureLayerEnkeltminner = new FeatureLayer("&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="http://askeladden_wms.ra.no/arcgis/rest/services/WMS/RA_Askeladden/MapServer/1" rel="nofollow" target="_blank"&gt;http://askeladden_wms.ra.no/arcgis/rest/services/WMS/RA_Askeladden/MapServer/1&lt;/A&gt;&lt;SPAN&gt;", {&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; infoTemplate: new InfoTemplate("${Navn}", "${*}"),&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; outFields: ["Navn", "KulturminneID", "KategoriID", "VernetypeID", "KOMM"]&lt;/P&gt;&lt;P&gt;&amp;nbsp; });&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Get and convert GPX-data:&lt;/P&gt;&lt;P&gt;var api = new KR.API();&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="line-height: 1.5;"&gt;var tur = {&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; api: 'utno2,&lt;/P&gt;&lt;P&gt;&lt;SPAN style="line-height: 1.5;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; id: '2.11234',&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; type: 'gpx'&lt;/P&gt;&lt;P&gt;};&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;api.getData(tur, function (res) {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; console.log(res);&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;The code above uses other javascript libraries than ESRI, but that should not be a problem. The console logs the object like it should:&lt;/P&gt;&lt;P&gt;Objectfeatures:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Array[1]0:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Objectgeometry:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Objectcoordinates:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Array[2057]&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; type: "LineString"&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; __proto__:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Objectproperties:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Objectname: "Flyktningeruta"&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; [...]&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;So the thing is that I need to use something like featureCollection to create a featureLayer, but how do I get the methods to use object I have created?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;All help is greatly appreciated!&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Chris&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 10 Jun 2015 12:14:31 GMT</pubDate>
      <guid>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/converting-geojson-to-feature-layer/m-p/810985#M23</guid>
      <dc:creator>ChristerVinje_Gimse</dc:creator>
      <dc:date>2015-06-10T12:14:31Z</dc:date>
    </item>
    <item>
      <title>Re: Converting geojson to feature layer</title>
      <link>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/converting-geojson-to-feature-layer/m-p/810986#M24</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello Christer,&lt;/P&gt;&lt;P&gt;I've seen some examples that converted between GeoJSON and EsriJSON (i.e. ArcGIS REST API JSON) using a JavaScrip library called &lt;A href="http://terraformer.io/" rel="nofollow noopener noreferrer" target="_blank"&gt;Terraformer&lt;/A&gt;​.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;You could also try to bounce your GeoJSON off one of my services:&lt;/P&gt;&lt;P&gt;&lt;A href="https://omnimion.com/om/services/geojson-esrijson/" title="https://omnimion.com/om/services/geojson-esrijson/" rel="nofollow noopener noreferrer" target="_blank"&gt;https://omnimion.com/om/services/geojson-esrijson/&lt;/A&gt;&lt;/P&gt;&lt;P&gt;You should be able to post your geojson for example using jquery:&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;$.ajax( {
&amp;nbsp; url: "&lt;A href="https://omnimion.com/om/services/geojson-esrijson/" title="https://omnimion.com/om/services/geojson-esrijson/" rel="nofollow noopener noreferrer" target="_blank"&gt;https://omnimion.com/om/services/geojson-esrijson&lt;/A&gt;"
&amp;nbsp; data: {"q": JSON.stringify(geojson)},
&amp;nbsp; method: 'POST',
&amp;nbsp; dataType: 'json'
}).done( function(data){&amp;nbsp;&amp;nbsp;&amp;nbsp; 
&amp;nbsp; console.log(data); &lt;SPAN style="color: rgba(0, 0, 0, 0); font-family: Consolas, 'Courier New', Courier, mono, serif; font-size: 12px;"&gt;// data should contain esrijson&lt;/SPAN&gt;
}).fail( function(err){ 
&amp;nbsp; console.log(err);
});&lt;/PRE&gt;&lt;P&gt;You could certainly add the converted feature to a GraphicsLayer, but I don't know how to create a full fledged FeatureLayer from it (which is a subtype of GraphicsLayer).&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I would really like to know if it works for you or how you eventually solve this.&lt;/P&gt;&lt;P&gt;Filip.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sun, 12 Dec 2021 09:31:28 GMT</pubDate>
      <guid>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/converting-geojson-to-feature-layer/m-p/810986#M24</guid>
      <dc:creator>FilipKrál</dc:creator>
      <dc:date>2021-12-12T09:31:28Z</dc:date>
    </item>
    <item>
      <title>Re: Converting geojson to feature layer</title>
      <link>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/converting-geojson-to-feature-layer/m-p/810987#M25</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;alternative to serve out ESRI JSON is to use cartoview. &lt;A href="http://www.cartologic.com/cartoview"&gt;Cartoview &lt;/A&gt;will install PostGIS and Python. You can easily load GeoJSON in PostGIS.&lt;/P&gt;&lt;P&gt;Or you can try ESRI koop it is available on Github&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 08 Jul 2015 23:45:55 GMT</pubDate>
      <guid>https://community.esri.com/t5/html5-css-javascript-and-javascript-frameworks/converting-geojson-to-feature-layer/m-p/810987#M25</guid>
      <dc:creator>AdamJoseph1</dc:creator>
      <dc:date>2015-07-08T23:45:55Z</dc:date>
    </item>
  </channel>
</rss>

