Symbol Layer Icons become hidden with textfield

Hi,

We are using SymbolLayer Infow Window code from the following url:

https://github.com/mapbox/mapbox-android-demo/blob/master/MapboxAndroidDemo/src/main/java/com/mapbox/mapboxandroiddemo/examples/dds/InfoWindowSymbolLayerActivity.java

We have noticed that if we placed the symbols/ markers without TextField then the mapbox display more icons on the screen. For example if have we total 10 icons then on a specific zoom level without textfield, we can see 5 to 6 six icons. But with a textField the mapbox show only 2 to 3 icons, means it shows less icons. While we zoom in the map, then rest of the icons also displayed. Why the icons become hidden at the same zoom level? As we zoom out the map, the icons going to disappear, and shown again as we zoom in.

Any idea. Please see the following code.

if (isMarkerNameShowing) {
                    style.addLayer(new SymbolLayer(MARKER_LAYER_ID, GEOJSON_SOURCE_ID)
                            .withProperties(
                                    iconImage("{markercolor}"),
                                    PropertyFactory.textField("{name}"),
                                    PropertyFactory.textColor(Color.RED),
                                    PropertyFactory.textOffset(new Float[]{0f, 1f}),
                                    PropertyFactory.iconIgnorePlacement(true),
                                    iconAllowOverlap(false),
                                    iconOffset(new Float[]{0f, -8f})
                            ));
                } else {
                    style.addLayer(new SymbolLayer(MARKER_LAYER_ID, GEOJSON_SOURCE_ID)
                            .withProperties(
                                    iconImage("{markercolor}"),
                                    PropertyFactory.iconIgnorePlacement(true),
                                    iconAllowOverlap(false),
                                    iconOffset(new Float[]{0f, -8f})
                            ));
                }

Thank you.

[langsmith]

@asifjavaid,

https://docs.mapbox.com/android/maps/examples/symbol-collision-detection allows you to play with the settings that @LukasPaczos describes above.

[mortezahosseinee]

Hi, i wrote these lines of code based on mapbox-android-plugin-annotation-v8:0.7.0’ tutorial:

private void addSymbolToMap() {
        mapStyle.addImage("sample_image_id", getResources().getDrawable(R.drawable.mapbox_marker_icon_default));

        // create symbol manager object
        SymbolManager sampleSymbolManager = new SymbolManager(mapView, map, mapStyle);

        // set non-data-driven properties, such as:
        sampleSymbolManager.setIconAllowOverlap(true);
        sampleSymbolManager.setIconRotationAlignment(ICON_ROTATION_ALIGNMENT_VIEWPORT);

        // Add symbol at specified lat/lon
        SymbolOptions sampleSymbolOptions = new SymbolOptions()
                .withLatLng(samplePoint)
                .withIconImage("sample_image_id")
                .withIconSize(1f);

        // save created Symbol Object for later access
        Symbol sampleSymbol = sampleSymbolManager.create(sampleSymbolOptions);
    }

then, i saw my icon in defined latLng, but after i add this line of code: withTextField(“my text”), symbol icon disappears and not see any text on map. help me. result code after add that line of code:

private void addSymbolToMap() {
        mapStyle.addImage("sample_image_id", getResources().getDrawable(R.drawable.mapbox_marker_icon_default));

        // create symbol manager object
        SymbolManager sampleSymbolManager = new SymbolManager(mapView, map, mapStyle);

        // set non-data-driven properties, such as:
        sampleSymbolManager.setIconAllowOverlap(true);
        sampleSymbolManager.setIconRotationAlignment(ICON_ROTATION_ALIGNMENT_VIEWPORT);

        // Add symbol at specified lat/lon
        SymbolOptions sampleSymbolOptions = new SymbolOptions()
                .withLatLng(samplePoint)
                .withIconImage("sample_image_id")
                .withIconSize(1f)
                .withTextField("hi you");

        // save created Symbol Object for later access
        Symbol sampleSymbol = sampleSymbolManager.create(sampleSymbolOptions);
    }