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

How to prevent point symbols from disappearing when overlapped with a label from another layer or basemap

AllenHuang

I have a simple map composed of only a point graphic (in mapView.graphics) on top of a polygon layer on/ top of an Esri basemap. At certain zoom levels I notice that when it's too close or overlap with a label from the polygon layer or basemap, it would disappear. Is there anyway to prevent this?

Find more posts tagged with

Accepted answers

PeterDimitrov1

Hello,

I overlooked the fact you asked for JavaScript - the JavaScript API unfortunately only has limited support for deconfliction and no support for overlap. My apologies.
It would seem that in your case, it would be appropriate to experiment by setting deconfliction to `none`.

https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-LabelClass.html#deconflictionStrategy

Kind Regards,
Peter

All comments

PeterDimitrov1

Hi Allen,

Disabling deconfliction or using DYNAMIC_NEVER_REMOVE for the point feature label class should stop the label from disappearing.
https://developers.arcgis.com/java/api-reference/reference/com/esri/arcgisruntime/mapping/labeling/LabelDeconflictionStrategy.html

If you would like some more detailed control, you can also adjust label definition settings such as:
- Feature Boundary Overlap: https://developers.arcgis.com/net/api-reference/api/netwin/Esri.ArcGISRuntime/Esri.ArcGISRuntime.Mapping.LabelDefinition.FeatureBoundaryOverlapStrategy.html
- Feature Interior Overlap: https://developers.arcgis.com/net/api-reference/api/netwin/Esri.ArcGISRuntime/Esri.ArcGISRuntime.Mapping.LabelDefinition.FeatureInteriorOverlapStrategy.html
- Label Overlap:https://developers.arcgis.com/net/api-reference/api/netwin/Esri.ArcGISRuntime/Esri.ArcGISRuntime.Mapping.LabelDefinition.LabelOverlapStrategy.html

I hope that helps.

gpei_ahuang

Are there any similar solutions from the Javascript API?

PeterDimitrov1

AllenHuang

Thanks Peter

I will give that a try.

Allen

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.