Show HN: I rewrote an outdated React Native map clustering library

https://news.ycombinator.com/rss Hits: 7
Summary

RN Maps Clustering A modern, performant, and fully-typed map clustering library for React Native. Built on top of the battle-tested supercluster library, RN Maps Clustering provides a simple, declarative API for adding beautiful and efficient marker clustering to your react-native-maps components. ✨ Features High Performance: Leverages supercluster for lightning-fast clustering of thousands of points. Leverages for lightning-fast clustering of thousands of points. Fully Typed: Written entirely in TypeScript for a superior developer experience. Written entirely in TypeScript for a superior developer experience. Declarative API: Works just like react-native-maps . Simply wrap your <Marker /> components. Works just like . Simply wrap your components. Customizable: Easily provide a custom component to render clusters. Easily provide a custom component to render clusters. Spiderfier: Automatically spreads out markers at max zoom level for easy interaction. Automatically spreads out markers at max zoom level for easy interaction. Modern: Built with modern React hooks and best practices. 🚀 Installation Install the library and its peer dependencies: npm install rn-maps-clustering react-native-maps # or yarn add rn-maps-clustering react-native-maps # or pnpm add rn-maps-clustering react-native-maps Follow the installation instructions for react-native-maps . 💡 Usage Using RN Maps Clustering is as simple as replacing <MapView /> with <ClusteredMapView /> . import React from 'react' ; import { StyleSheet } from 'react-native' ; import { Marker } from 'react-native-maps' ; import ClusteredMapView from 'rn-maps-clustering' ; // Your marker data const markers = [ { latitude : 37.78825 , longitude : - 122.4324 } , { latitude : 37.75825 , longitude : - 122.4224 } , // ... more markers ] ; const App = ( ) => ( < ClusteredMapView style = { styles . map } initialRegion = { { latitude : 37.78825 , longitude : - 122.4324 , latitudeDelta : 0.0922 , longitudeDelta : 0.0421 , } } > { marke...

First seen: 2025-07-09 08:34

Last seen: 2025-07-09 14:35