Location Arrow Flickering with SymbolLayer at Close Zoom and Rotation Issues

[MAXBAF1]

Hi, I'm rendering a location arrow on the map using a SymbolLayer, but I'm encountering two problems:

❗ Problem 1: Flickering at Close Zoom

When the user moves around the map and the zoom level is high, the location arrow starts to flicker — it randomly disappears and reappears during movement.

Why is this happening, and how can I prevent it?
Is SymbolLayer the right approach for rendering a location indicator, or would another type of layer be more reliable?

---

❗ Problem 2: Rotation Compensation

Because the SymbolLayer automatically rotates with the map, I have to manually subtract the map rotation from the arrow's azimuth to keep it pointing in the correct direction. This workaround isn't always reliable and results in occasional jitter.

Is there a way to disable automatic rotation of SymbolLayer with the map camera?
Or is there a better method for displaying, direction-aware arrow that doesn’t require compensating for camera bearing?

---

🔍 Code Snippet

Here is a simplified version of how I currently render the arrow:

@Composable
private fun LocationOverlay(location: Location, cameraRotation: Double) {
    val locationSource = rememberGeoJsonSource(
        data = GeoJsonData.Features(Point(coordinates = location.toPosition()))
    )

    SymbolLayer(
        id = MapConstant.Styling.ID_LOCATION_LAYER,
        source = locationSource,
        iconImage = image(value = painterResource(id = R.drawable.ic_location_blue)),
        iconSize = const(0.75F),
        iconRotate = const((location.azimuth?.degrees ?: 0f) - cameraRotation.toFloat()),
    )
}

[sargunv]

Problem 1: Flickering at Close Zoom

First, ensure you're on the latest version of the library, as there were some layer flickering issues in v0.10 that should be fixed in v0.10.4.

Second, it's possible your symbol is overlapping other SymbolLayer content on the map. Check out the iconAllowOverlap and iconAllowPlacement fields on the SymbolLayer to ignore overlap. I think for this icon, you'll want to set iconAllowOverlap to true.

Problem 2: Rotation Compensation

Check out the iconRotationAlignment field. Setting this to "map" will align the icon to the map instead of the viewport.

In general, I'd recommend you familiarize yourself with the MapLibre Style Spec to understand the breadth of layer styling options available.