Cluster not rendering with example code

[mnai01]

I have some pretty basic code here using these packages. I don't know why all of my clusters are not showing though. I have tried a lot but no luck. At this point testing it with the example code and still having an issue, maybe its version problems?

"expo": "~53.0.12",
"react-native-map-clustering":
"^4.0.0", "react-native-maps": "1.20.1"

import React from 'react';
import { Marker } from 'react-native-maps';
import ClusteredMapView from 'react-native-map-clustering';

export function ExploreMapV2() {
  return (
    <ClusteredMapView
      style={{ flex: 1 }}
      initialRegion={{
        latitude: 52.5,
        longitude: 19.2,
        latitudeDelta: 8.5,
        longitudeDelta: 8.5,
      }}
    >
      <Marker coordinate={{ latitude: 52.4, longitude: 18.7 }} />
      <Marker coordinate={{ latitude: 52.1, longitude: 18.4 }} />
      <Marker coordinate={{ latitude: 52.6, longitude: 18.3 }} />
      <Marker coordinate={{ latitude: 51.6, longitude: 18.0 }} />
      <Marker coordinate={{ latitude: 53.1, longitude: 18.8 }} />
      <Marker coordinate={{ latitude: 52.9, longitude: 19.4 }} />
      <Marker coordinate={{ latitude: 52.2, longitude: 21 }} />
      <Marker coordinate={{ latitude: 52.4, longitude: 21 }} />
      <Marker coordinate={{ latitude: 51.8, longitude: 20 }} />
    </ClusteredMapView>
  );
}

untitled.mp4

[MouadAbouOthmane]

same problem

[MariuzM]

Same, i don’t understand why show example gif in readme and then not gives the actual code to accomplish this

[dvillegasGlobalis]

i have the same problem, i tried with larger deltas, different providers, different UrlTile, etc, nothing works.

[marcodag]

same here!

[lucksp]

This works for me:

export function ExploreMapV2() {
return (
<ClusteredMapView
style={{ flex: 1 }}
initialRegion={{
latitude: 52.5,
longitude: 19.2,
latitudeDelta: 8.5,
longitudeDelta: 8.5,
}}
>
<Marker coordinate={{ latitude: 52.4, longitude: 18.7 }} />
<Marker coordinate={{ latitude: 52.1, longitude: 18.4 }} />
<Marker coordinate={{ latitude: 52.6, longitude: 18.3 }} />
<Marker coordinate={{ latitude: 51.6, longitude: 18.0 }} />
<Marker coordinate={{ latitude: 53.1, longitude: 18.8 }} />
<Marker coordinate={{ latitude: 52.9, longitude: 19.4 }} />
<Marker coordinate={{ latitude: 52.2, longitude: 21 }} />
<Marker coordinate={{ latitude: 52.4, longitude: 21 }} />
<Marker coordinate={{ latitude: 51.8, longitude: 20 }} />

);
}

But if I render any Marker from an array of items, the clustering goes away.

[AdamKundracik]

Dealing with similar issue

On iOS everything fine, meanwhile on android I CAN'T SEE ANY CLUSTERS and my Markers are not rendering correctly
I know clusters are there because I can see it on iOS and when I click on cluster (even I can't see it) it zooms me in and Markers (not rendered correctly can be seen)

Any update on this issue? Should I create separate issue on it? @tomekvenits

[marcshilling]

Do they render after you scroll the map? That's the problem I'm having....no markers initially but when I scroll they appear.