topic Re: Basemap styles service broken labels and / or icons after 4.28 in ArcGIS JavaScript Maps SDK Questions

Basemap styles service broken labels and / or icons after 4.28

AlertMediaDev — Tue, 17 Dec 2024 18:50:16 GMT

Using the javascript API in a react / nextjs app, we have intermittent issues with the "navigation" basemap labels and icons.

These issues started occurring for us after switching to the basemap styles service ( "streets" -> "arcgis/navigation")

The sequence is the map loads, we initially see the arcgis/navigation basemap with the labels blurred. Then, the font file is downloaded, and the labels (sometimes - see interceptor workaround below) draw correctly.

These issues are intermittent - sometimes they do not happen, sometimes they happen on every load. Sometimes they occur on certain pages of the app, but not others (despite the esri logic being identical)

Every tested version after 4.28.10 including next has these issues. They occur in both chrome and firefox.

Adding an http interceptor to prevent the fonts from being cached seems to fix the label issues most of the time, but not all.

This causes the fonts to need to be downloaded every time. To me this indicates something is broken with timing.

This unfortunately does not fix the black box city location icons. We have not found a way to recover from this issue, or even determine via code the issue occurs.

There is nothing notable about how the map view is constructed (code below is wrapped in useEffect)

This would have been a support ticket, except it is not reproducible with vanilla JS.

This is a similar post:

https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/black-boxes-for-labels/td-p/1535635

Can anyone give any tips for getting around this issue?

Re: Basemap styles service broken labels and / or icons after 4.28

AlertMediaDev — Wed, 22 Jan 2025 16:51:56 GMT

I finally made some progress here... I was not able to reproduce in a fresh app, only our very large, multi-team app

Steps:

pin the arcgis/core version to =4.28.10.

deleted package.lock file (Don't do this unless you want to enter dependency **bleep** and test every feature of your app)

run npm install.

With a fresh set of dependencies and dependencies, for that specific version, the issue seems to resolve.

Re: Basemap styles service broken labels and / or icons after 4.28

BjornKuiper1 — Thu, 13 Feb 2025 10:45:47 GMT

We are experiencing this issue as well. We can't consistently reproduce it as it seems to be a timing issue within the Esri library?

details:

"@arcgis/core": "^4.31.6",
"@esri/calcite-components": "^2.10.1",
"@esri/calcite-components-react": "^2.13.2",
"@esri/calcite-ui-icons": "^3.29.0",

deleting the package lock file isn't a reasonable solution for us.

We tried by setting the language at the very start of the application through

It would be nice if Esri could respond or if other users that are experiencing this issue could let us and Esri know. thanks!