Symbol layer items disappear when text-field is an empty string

[mikkom]

mapbox-gl-js version: 0.44.1

Steps to Trigger Behavior

1. Create a symbol layer with icon-image and text-field.
2. Conditionally set text-field to empty string.

Expected Behavior

All the symbols are visible.

Actual Behavior

Symbols that have text-field set as empty string disappear on close enough zoom-levels.

Simple example which reproduces the issue: https://jsbin.com/weraqecesa/edit?html,output

See for example the area around Muir Beach where we have one symbol without text which disappears when zooming in. If we change the symbol to have non-empty text-field it stays visible.

[mikkom]

The same issue can be seen also with version 0.44.0. However, with version 0.43.0 the symbols stay visible in the JSBin example.

[anandthakker]

Thanks for reporting this @mikkom , and for including an example reproducing it.

Tweaked the jsbin to center on the area: https://jsbin.com/jagugeqele/edit?html,output - you should be able to see the unlabeled dot fade out right after the map loads.

cc @ChrisLoer @ansis

[mikkom]

That was fast. Thanks @ansis & @anandthakker 🙂

[AzadehY-Dev]

hi. i have an apposite problem. when i add a text field the symbols disappear. i searched a lot and i used a lot of suggestions. but none of them didn't work for me. please help me. that's my code:

private void addSymbolToMap(String name, LatLng point) {
mapStyle.addImage(name, getResources().getDrawable(R.drawable.mapbox_marker_icon_default));
SymbolManager sampleSymbolManager = new SymbolManager(mapView, map, mapStyle);
sampleSymbolManager.setIconAllowOverlap(true);
sampleSymbolManager.setTextAllowOverlap(true);
sampleSymbolManager.setIconRotationAlignment(ICON_ROTATION_ALIGNMENT_VIEWPORT);
SymbolOptions sampleSymbolOptions = new SymbolOptions()
.withLatLng(point)
.withIconImage(name)
.withIconSize(1.5f);
.withTextField("test")
.withTextFont(new String[] { "Arial Unicode MS Regular"});
Symbol sampleSymbol = sampleSymbolManager.create(sampleSymbolOptions);
}

[ryanhamley]

hi. i have an apposite problem. when i add a text field the symbols disappear. i searched a lot and i used a lot of suggestions. but none of them didn't work for me. please help me. that's my code:

private void addSymbolToMap(String name, LatLng point) {
mapStyle.addImage(name, getResources().getDrawable(R.drawable.mapbox_marker_icon_default));
SymbolManager sampleSymbolManager = new SymbolManager(mapView, map, mapStyle);
sampleSymbolManager.setIconAllowOverlap(true);
sampleSymbolManager.setTextAllowOverlap(true);
sampleSymbolManager.setIconRotationAlignment(ICON_ROTATION_ALIGNMENT_VIEWPORT);
SymbolOptions sampleSymbolOptions = new SymbolOptions()
.withLatLng(point)
.withIconImage(name)
.withIconSize(1.5f);
.withTextField("test")
.withTextFont(new String[] { "Arial Unicode MS Regular"});
Symbol sampleSymbol = sampleSymbolManager.create(sampleSymbolOptions);
}

Hi @azadeh18 it looks like you're using GL Native not GL JS. If you're looking for debugging help, your best bet is to either ask your question on Stack Overflow or contact Mapbox support