Skip to content

Cluster not rendering with example code #288

@mnai01

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions