Skip to content

Clusters not rendering/updating during flyTo or other map animations / dragging #62

Description

@MarkLyck

Describe the bug
Clusters do not render, split or update during map animations or while dragging the map from an area with no clusters to an area with clusters.

To Reproduce
Steps to reproduce the behavior:

  1. Add a bunch of data points to render clusters, subclusters and markers
  2. set viewportChangeMethod="flyTo"
  3. drag the map from an area with no clusters to an area with clusters.
  4. See that the new clusters don't appear until you let go of the mouse.

Expected behavior
I would expect clusters to update and render during each tick of an animation whether it is dragging the map to an area where a cluster should be rendered, or zooming into a cluster where it should "split" into multiple clusters or markers during the zoom animation.

Screenshots
Before letting go of the mouse when dragging over an area that has clusters

Screen Shot 2022-02-02 at 22 29 00

after letting go of the mouse:

Screen Shot 2022-02-02 at 22 29 02

Additional context
I am attempting to migrate from https://github.com/alex3165/react-mapbox-gl to react-map-gl

The cluster feature of react-mapbox-gl is able to render and split the clusters in real-time during map animations. Not sure if it's worth looking at how they render the clusters?

This is a dealbreaker to finish migrating over.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions