EaseTo/FlyTo broken on low zoom levels when working with stacked symbols cluster

[stychu]

maplibre-gl-js version: 5.5.0

browser: Brave

Steps to Trigger Behavior

1. Click on a cluster
2. Refresh the view. Move the map a little bit and click on cluster

Link to Demonstration

https://jsfiddle.net/yunz93oh/

Expected Behavior

Clicking on a cluster should zoom in so that the cluster is visible, within the map bounds, and roughly centered at the new zoom level.

Actual Behavior

Clicking on a cluster never zooms to the cluster but somewhere near it making it not visible as expected or a the edge of bound.

---

By setting maxZoom level map to 17 and not setting Source maxClusterZoom I would expect the zooming in to a cluster to show it at the center when zoomed but instead it always lands around somewhere sometimes even far away from the actual cluster coordinates. I believe there is some bug with calculations where there are multiple markers stacked on top of each other in a cluster??

[HarelM]

I'm having a hard time understand what the problem is as the steps to reproduce are not clear. Can you please elaborate?
As a side note, I think the cluster has duplicated locations (locations are exactly the same) which I believe creates an issue for the clustering algorithm.

[stychu]

I'm having a hard time understand what the problem is as the steps to reproduce are not clear. Can you please elaborate?

Steps to reproduce:

1. Click on a cluster — observe that the map flies to the cluster's coordinates, but the cluster itself ends up out of or near the view boundary and is not fully visible.

OR

1. Slightly rotate or move the globe so the cluster is seen from an angle.

2. Click the cluster — you'll notice the same behavior: the map flies to the location, but the cluster ends up partially or fully out of view.

As a side note, I think the cluster has duplicated locations (locations are exactly the same) which I believe creates an issue for the clustering algorithm.

This duplication is intentional — we have a valid use case where multiple locations share the exact same latitude and longitude. We expect these to form a cluster, and when clicked and zoomed at max zoom level eventually expand into spiderfied markers. However, zooming into such clusters appears to be broken, likely due to how the algorithm handles overlapping points in a cluster.

[stychu]

Here is video
https://streamable.com/rk1cdv

[stychu]

This happens with the globe and default projections but is especially visible with globe projection

[HarelM]

You are using query rendered features to get the location of the cluster, the accuracy of this is zoom dependant so When I click the cluster for the first time I get these coordinates:

zoom:  2, [-31.97021484375, 68.19197126323203]

But when I click the second time I'm getting this:

zoom: 13, [-31.97045087814331, 68.19344793252148]

This is not the right way to get accurate location if you would like to zoom into the cluster itself...

[stychu]

This is not the right way to get accurate location if you would like to zoom into the cluster itself...

@HarelM Could you help me understand the correct way to do this then? I'm new to maps, especially MapLibre, and I'm following the example tutorials from the official website.