topic Re: How to add a graphic with geojson string？ in ArcGIS JavaScript Maps SDK Questions

How to add a graphic with geojson string？

YiyuanGao — Sat, 28 Mar 2020 17:36:33 GMT

I'm using Arcgis API for JS 4.14，it provides GeoJSONLayer to add geoJSON data from url, just like this:

var geoJsonLayer1 = new GeoJsonLayer({ url: "http://www.myCorsEnabledServer.com/canada.json" });

However, my data and geo information is stored in MS SQL server，ever single record has a GeoJSON string, like {"type":"Point","coordinates":[119.84039205155467,32.309760149806948]}, I can't load it directly by GeoJSONLayer because there are no urls.

I think I can read the GeoJSON strings and creat graphics for each record, but how? Is there any way to convert GeoJSON string to graphic?

Re: How to add a graphic with geojson string？

ReneRubalcava — Sat, 11 Dec 2021 11:06:51 GMT

You can load is as URL object via Blob.

  const blob = new Blob([JSON.stringify(geojson)], {
    type: "application/json"
  });
  const url = URL.createObjectURL(blob);
  const layer = new GeoJSONLayer({ url });‍‍‍‍‍

Demo: https://codepen.io/odoe/pen/YzKqLZO

Re: How to add a graphic with geojson string？

RobertScheitlin__GISP — Mon, 30 Mar 2020 12:47:14 GMT

Rene,

Sure would be nice to just have a string constructor option too.

Re: How to add a graphic with geojson string？

ReneRubalcava — Mon, 30 Mar 2020 16:45:58 GMT

It's on the roadmap, not sure when it will be done though. I'll twist some screws, ha!

Re: How to add a graphic with geojson string？

ChristopherKoenig — Wed, 01 Apr 2020 18:08:52 GMT

Hi Yiyuan,

There does not appear to be any direct way to create a Graphic from a GeoJSON string. The Graphic class in the ArcGIS API for JavaScript does have a fromJSON() method but, the JSON format that it is expecting is not quite the same as GeoJSON. The fromJSON() method is expecting the coordinates to look like the format below:

geometry: {
x: -49.97,
y: 41.73
}

You can suggest the ability to create Graphics from GeoJSON strings on the Esri Ideas page. I searched to see if this feature had already been suggested but it appears it has not. Check out the links under Getting Started at the right of the Ideas page to learn how to submit an idea.

Sincerely,

Chris