ArcGIS Online: Web Mapping with Arcade Expressions

This is the repository with screenshots and Arcade code that was used during the tech-session at the European Developer Summit 2024 in Berlin.

Session description

Web maps are important building blocks of ArcGIS Online and the ArcGIS Platform, powering the functionality of many apps. Including Arcade expressions in web maps allow you to make maps from simple calculations, functions, data conversions, and brand new representations of your data. In this session, learn how to use Arcade Expressions to determine symbology and values in pop-ups and labels, bringing more flexibility and style to existing datasets.

Symbology with Arcade (Basic)

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/48e23f5f177a7a793bbe0f785ed660820c619de6/arcade-symbology-basic

Popups with Arcade (Intermediate)

The first part of the Popup is based on a Text Block, which includes attribute values an an Arcade expression:

The second part is based on an Arcade Block which creates an intermediate Popup by combining HMTL with Arcade code:

Arcade expression for Count of Earthquakes

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/7fa7bdd640f07174c82f924ed1cd58e9cfe9f684/arcade-popup-expression-count-of-earthquakes

Arcade Block for Intermediate Popup

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/af7c7407e47b99f45d90266b3f9d0ce2064b93e6/arcade-popup-arcade-block-html

Conditional Language Popups (Advanced)

To test the language change, one can add "&locale=fr" to the URL and hit Enter. This changes the browser language. The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/82befe7b8196039484cfd7909b543cbaf6a06549/arcade-popup-multiple-languages

Conditional User Units Popups (Advanced)

To test the user units, one can go the the profil settings of your ArcGIS Online account and change the units from US Standard to Metric or vice-versa. The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/b3771e4fbf35a853e57e61e74d0a35ed56baa0ae/arcade-popup-user-units

Create a bar chart in the Popup (Advanced)

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/53fdd762469b7b6668e142c44b27c205cee64eaf/arcade-popup-chart

Create a line chart from data in a related table - Relationship Class (Advanced)

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/58b7a05f7b81c7f02248c3e5b313265db73b1e45/arcade-popup-line-chart-related-table

Work with m-values in Popups (Advanced)

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/642dd42ef3cb39500945addfc7818788da77a6e0/arcade-popup-m-value

Work with m-values in Editing-Forms (Advanced)

The following fields are given:

Attribut: Public Transport Line

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/f22ad493f0b084c5d3492534bfc27fa72d3c6b60/arcade-forms-public-transport-line

Attribut: Direction

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/4ef25ccd207592d72d9af7928fa2f5af556f55af/arcade-forms-direction

Attribut: First M-Value

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/4a57f8ec32a90a5b701afd110f02bddffccaf813/arcade-forms-firs-m-value

Attribut: Last M-Value

The Arcade code can be found here: https://github.com/chgresri/arcigs-online-web-mapping-with-arcade-expressions/blob/877dc4012651f9930083b1ba7652498eaf1b3a9d/arcade-forms-last-m-value