ArcGIS Maps SDK for JavaScript 4.27

Noah-Sager · ‎06-12-2023

Hear ye, hear ye! The ArcGIS Maps SDK for JavaScript has released version 4.27. We know there are many releases like it, but this one is special.

We fixed 35 bugs, made 10 enhancements, and added or updated 8 samples.

Are we related?

Support for editing ~~personal relationships~~ relationship data has arrived with the ability to edit related data via the Editor widget. The relationship element provides the functionality needed to configure the relationship within the FormTemplate. These elements must be saved within the form for the Editor to support editing related data. This can be accomplished via the Map Viewer or programmatically using the ArcGIS Maps SDK for JavaScript.

https://developers.arcgis.com/javascript/latest/release-notes/ - editing-related-records

Scene but not heard

Upload and share 3D content through the web using new scene layer editing capabilities (released in beta). 3D models from various formats can be uploaded and placed using out-of-the-box Editor widget workflows. For example, buildings in a 3D object scene layer can be added, updated, or deleted directly on the web.

https://developers.arcgis.com/javascript/latest/release-notes/ - 3d-updates

A widget without a view

The new Features widget (which is released in beta, and should not be confused with the old Feature widget) allows users to interact with a feature's PopupTemplate content without having to be tied to the view. What? It’s true! This widget looks and behaves similarly to a popup, however unlike popup, the Features widget can be placed outside of the view. So cool.

https://developers.arcgis.com/javascript/latest/sample-code/widgets-features/

Three Dee Topography

With the 3D Topographic basemap (released in beta, yes, lots of things are released in beta this release) we now offer curated 3D context and style for your scenes and for ours. The new basemap contains globally available buildings, trees, and labels. Which is pretty sweet. 3D basemaps can be selected directly in the BasemapGallery when used with SceneView. You can also load the 3D Topographic basemap portal item programmatically by referencing its item id.

https://developers.arcgis.com/javascript/latest/sample-code/widgets-basemapgallery/

Forgetting the team, building the symbols

The really sweet and freshly updated Symbol Builder app provides a UI for creating any symbol in the ArcGIS Maps SDK for JavaScript… and a snippet you can copy into your code! This app is replacing the retired Cymbal Symbol Playground. We sent the Symbol Playground out to pasture with the breaking changes. Built with Calcite, React, love, and of course the ArcGIS Maps SDK for JavaScript. Not released in beta.

https://developers.arcgis.com/javascript/latest/visualization/symbols-color-ramps/symbol-builder/

More better labeling for SceneView

Label priority has been updated to prefer showing labels with larger fonts when they conflict with smaller ones, and to prioritize labels closer to the viewer. Labels are generally crisper on High-DPI displays and vector tile labels are no longer cut-off at tile borders. Furthermore, SceneView is now consistent with MapView by supporting custom fonts loaded from static resources (SceneView can now load fonts from static in .woff2 format). These fonts can be used to specify the font family and other attributes, without custom CSS.

https://developers.arcgis.com/javascript/latest/sample-code/visualization-label-callout/

Adding value

ValuePicker is a widget that allows users to ~~shop for better values at a store or restaurant~~ step or play through a list of values. It can be configured with an optional collection, label, combobox, or slider control to help users navigate values. It is important to note that the ValuePicker widget is not associated with a view (more no view required??) nor does it necessarily require data. ~~All it needs is love.~~

https://developers.arcgis.com/javascript/latest/sample-code/widgets-valuepicker/

Oh, the places (beta) you’ll probably go!

Places, also known as points of interest (POIs), are just physical spaces with agreed upon names. But in this context, places are businesses and geographic locations that one can discover around the world. One could even visit them maybe. Use the places service (which is also released in beta) to find nearby places within a search distance of a geographic point, and to find more information about specific places. However, this is not for everybody. You can only access the places service if you have an ArcGIS Developer account; ArcGIS Online accounts are not supported.

https://developers.arcgis.com/javascript/latest/sample-code/places/

Networking utilitarian

The UtilityNetworkValidateTopology widget allows a user to validate the network topology of a utility network after there have been edits to features in the utility network. To use this widget, the dirty areas layer must be available on the map. The out-of-date edits in the network topology are marked with dirty areas, signaling that the feature visible on the map does not match what is stored in the network topology. The widget can validate the current extent of the view or the entire utility network. UtilityNetworkTrace also got some really good enhancements.

https://developers.arcgis.com/javascript/latest/release-notes/ - utility-network

Positive effects of labeling

Many people found our Labeling guide page super useful and enjoyable, but we also got some feedback saying that it could be even more useful and enjoyable. And so, the labeling guide was updated with more information and/or better content.

https://developers.arcgis.com/javascript/latest/labeling/

And more?

There’s so much more to learn about the 4.27 release of the ArcGIS Maps SDK for JavaScript. We’ve got performance updates, more layer updates, more and more widget updates. And even more.

https://developers.arcgis.com/javascript/latest/release-notes/

Bolder (Web maps make me bolder)

Disclaimer: The views and opinions expressed in the below song parody are those of the author and do not necessarily reflect the official policy or position of Esri, or any of its affiliates. Any rebroadcast, retransmission, or recounting of this song, without the express written consent of Esri, is prohibited.

Oi,

They never have time to deprecate you

Breaking changes are an issue

Update’s okay

Oi,

The release

It was nice this Monday

And I know we can release it all again

I know you can edit a related record

Proves you’re modern and not a participation award

Oi,

4x ain’t cringe,

And editing ain’t no longer fringe

And I-I-I-I-I chant Jack (Jack, Jack, Jack)

Yeah I-I-I-I-I chant Jack

Web maps make be bolder

To give 3x the cold shoulder

Update to 4.27

To be a Symbol Builder beholder

Better labeling exposure

Update now, and

Go tell your stakeholder(s)

Hosted fonts on static folder

Your

Performance is as good as the day I met you

You improve it at every release too

You made my day

Hey

Let’s all update to the latest version

More enhancement dispersion is

Okay

You know scene layers can edit

Check the beta tag

But still give us credit

Update to 4.27

Now your app’s happy

Like it’s in heaven and

And I-I-I-I-I chant Jack (Jack, Jack, Jack)

Yeah I-I-I-I-I chant Jack

Web maps make be bolder

To give 3x the cold shoulder

Update to 4.27

To be a Symbol Builder beholder

Better labeling exposure

Update now, and

Go tell your stakeholder(s)

Pizza’s worser when it’s colder

It’s more tasty when it smolders

Pizza’s worser when it’s colder

Web maps make be bolder

To give 3x the cold shoulder

Update to 4.27

To be a Symbol Builder beholder

Better labeling exposure

Update now, and

Go tell your stakeholder(s)

Hosted fonts on static folder

Pizza’s worser when it’s colder

It’s more tasty when it smolders

Pizza’s worser when it’s colder

Credits

Release Blog

https://www.esri.com/arcgis-blog/products/js-api-arcgis/announcements/whats-new-in-arcgis-maps-sdk-f...

4.27 Release Notes

https://developers.arcgis.com/javascript/latest/guide/release-notes/index.html

4.27 Samples

https://developers.arcgis.com/javascript/latest/sample-code/?tagged=4.27

Breaking Changes across all 4x releases

https://developers.arcgis.com/javascript/latest/guide/breaking-changes/index.html

Parody Song inspiration

https://www.youtube.com/watch?v=i-N43gWIFFo&list=RDMM&index=2

Song inspiration

https://en.wikipedia.org/wiki/Closer_(The_Chainsmokers_song)

Fair use and Parody law

https://en.wikipedia.org/wiki/Fair_use

LefterisKoumis · ‎06-12-2023

Kudos for the great work by the ArcGIS JS team. The new features widget is an awesome tool and it will be great to display a feature's attributes on a side panel.

@Noah-Sager @JuliePowell

TomNicoski · ‎06-30-2023

ArcGIS Maps SDK for Javascript 4.27

Noticed a black border appears when the map is clicked. Is there a way to turn this off.

JoelBennett · ‎06-30-2023

@TomNicoski - add this somewhere below the tag in which you import the css theme file:

<style type="text/css">
.esri-view .esri-view-surface:focus::after {
    outline: none;
}
</style>