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

Geojson on default ArcGIS Map

aishvaryvardhan

How can I use geojson file data to display on default Web AppBuilder Map provided by the application.

I have used this link "GitHub - Esri/geojson-layer-js: An easy way to load GeoJSON data into your ArcGIS map "

but here the map is being created and then used in the HTML file and is standalone file.

My query is how can I implement this feature in my Default Map. ?

P.S Can I use angularJS(1.4) to code in Web AppBuilder application ?

Any help on this is highly appreciated

Thanks

Ash

Find more posts tagged with

Accepted answers

All comments

aishvaryvardhan

Thanks Robert, will try this way.

Robert a general question

I am new to this tech of ArcGIS WAB Can you please suggest the necessary technology stack require for the same and some study links which can be helpful as I move further in development

P.S I am an AngularJS developer.

Thanks

Ash

RobertScheitlin__GISP

Ash,

Then add the GeoJson to a AGOL under your content and then you can have access to add the PortalItem using code in your widget (have never had the need for such so I have no code example). Or you follow the guide for using a third party library (the github one you refernced in your first post) and add the GeoJson at runtime from your widget.

Use other libraries—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

aishvaryvardhan

Robert ,

This seems to be great but May i know as in How can I display in map via code..
Consider a scenario like i have to two checkbox and two Geojson file and on click one checkBox one Geojson should be invoked and data should be displayed.
and on click of both , both geojson should be triggered displaying from both

thanks

ash

RobertScheitlin__GISP

Ash,

The Add Data widget supports adding GeoJSON as run-time.

Add Data widget—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

You can also add GeoJSON to the WebMap in AGOL/Portal which the WAB APP can use as it's basemap:

ArcGIS Online supports GeoJSON | ArcGIS Blog

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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