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

Map Labels not drawing on mobile devices (iPhone)

Andrew-Bowne

I have found that web maps that label features (Point Features in my case) do not display labels on mobile devices. I have tested this viewing both a web map and an Experience Builder app on my device. The labels draw on the desktop but not on a mobile device.

Has anyone else experienced this?

Encuentra más publicaciones etiquetadas con

Accepted answers

WesleyO

Hi @Andrew-Bowne ,

It seems that Portal 11.1's Map Viewer and Experience Builder uses version 4.25 of the JavaScript Maps SDK. Unfortunately, this is one of the versions affected by the label issue in iOS 18.

I suggest upgrading to Portal 11.3. If you are unable to do upgrade, consider creating your own web application using the latest version of either of these products:

ArcGIS Maps SDK for Javascript&colon; https://developers.arcgis.com/javascript/latest/tutorials/display-a-web-map/
ArcGIS Experience Builder Developer Edition: https://developers.arcgis.com/experience-builder/guide/install-guide/

All comments

Andrew-Bowne

Thanks, @WesleyO (and @Ke_Xu ). We are planning a 11.4 upgrade later this month so that should resolve the issue.

WesleyO

Hi @Andrew-Bowne ,

It seems that Portal 11.1's Map Viewer and Experience Builder uses version 4.25 of the JavaScript Maps SDK. Unfortunately, this is one of the versions affected by the label issue in iOS 18.

I suggest upgrading to Portal 11.3. If you are unable to do upgrade, consider creating your own web application using the latest version of either of these products:

ArcGIS Maps SDK for Javascript&colon; https://developers.arcgis.com/javascript/latest/tutorials/display-a-web-map/
ArcGIS Experience Builder Developer Edition: https://developers.arcgis.com/experience-builder/guide/install-guide/

Andrew-Bowne

Hi @WesleyO ,

I am using Portal for ArcGIS 11.1 so it would be whatever version of the Maps SDK 11.1 uses for the Map Viewer and for Experience Builder.

I have two iOS devices, one is running 18.3 (Beta) and the other is running 18.2.

I do not have a public facing app but I can provide you with testing credentials if you want to contact me offline via a chat.

Thank you for your help!

-Andrew

WesleyO

Hi @Andrew-Bowne ,

Could you share what version of the ArcGIS Maps SDK for JavaScript you are working with? Additionally, could you share the specs of the mobile device that is experiencing this issue, including the OS version?

Updates in iOS 18 is causing older version of the ArcGIS Maps SDK for JavaScript to experience issues with labels not displaying. The solution is to work with the latest version of our products.

If you have a public app or any sample code, I'm happy to take a look at it for you.

kxu

Hi @Andrew-Bowne,

Following our previous email, after troubleshooting, it was found that labels are also not displaying on the Map Viewer on mobile devices(iphone). The rendering of maps in Exb is consistent with that in Map Viewer, both using JSAPI. So, this issue is likely related to the JS API. I am aware that you have already submitted feedback to JSAPI team.

Thanks,

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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