Excluding some markers

[ScreamZ]

I'm backporting the original issue because I think this repository might need it aswell.

tomekvenits/react-native-map-clustering#236

[JiriHoffmann]

Adding it doesn't make sense. If you don't want markers to be clustered then just keep them in two separate variables, one clustered, one not. Also, you should keep the marker for user location excluded anyways since it should be visually different from all other markers and you wouldn't want to recalculate and rerender all other markers every time user location changes.

[ScreamZ]

@JiriHoffmann Yes, but how am I supposed to exclude it, I only have one clustered map instance ?

Of course, I want to exclude it and add a specific visual.

Do you have a small example? I might be totally dumb but I don't get how

Thanks :)

[JiriHoffmann]

No worries, I don't believe it is possible with the react-native-clustering library because it uses react-native-maps internally. The advantage of this library is that is not dependent on react-native-maps so you can organize your points however you want. Going off the example from the readme you could do something like this:

import { useClusterer } from 'react-native-clusterer';

const MAP_DIMENSIONS =  { width: MAP_WIDTH, height: MAP_HEIGHT }

//...
const [region, setRegion] = useState(initialRegion);
const
const [clusteredPoints, supercluster] = useClusterer(
  markers,
  MAP_DIMENSIONS,
  regions
);

// ...
return (
  <MapView
    onRegionChangeComplete={setRegion}
    // ... other props
  >
    {clusteredPoints.map((point) => (
      <Marker
      // ... marker props
      >
        {/*
                // ... marker children - callout, custom marker, etc.
              */}
      </Marker>
    ))}


    {regularPoints.map((point) => (
      <Marker
      // ... marker props
      >
        {/*
                // ... marker children - callout, custom marker, etc.
              */}
      </Marker>
    ))}


   {/* or even just a single marker with user location*/}
    <Marker
    // ... marker props
    >
      {/*
       ... marker children - callout, custom marker, etc.
       */}
    </Marker>
    />
  </MapView>
);

[ScreamZ]

Nice, thanks for this :-)