> For the complete documentation index, see [llms.txt](https://akursat.gitbook.io/marker-cluster/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://akursat.gitbook.io/marker-cluster/examples/10.000-marker.md).

# 10.000 marker

The Marker Cluster can handle 10,000 or even 50,000 markers.<br>

{% embed url="<https://codesandbox.io/s/hidden-breeze-nrd3e?fontsize=14&hidenavigation=1&theme=dark>" %}

\
&#x20;[![](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/hidden-breeze-nrd3e?fontsize=14\&hidenavigation=1\&theme=dark)<br>

```jsx
import React from 'react'
import { MapContainer, Marker, TileLayer } from 'react-leaflet'
import MarkerClusterGroup from '../../../src'
import { addressPoints } from '../realworld'
import 'leaflet/dist/leaflet.css'
type AdressPoint = Array<[number, number, string]>

export const Example2 = () => {
  return (
    <div>
      <h1>10.000 marker</h1>
      <MapContainer
        style={{ height: '500px' }}
        center={[-41.975762, 172.934298]}
        zoom={4}
        scrollWheelZoom={true}
      >
        <TileLayer
          attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        />
        <MarkerClusterGroup chunkedLoading>
          {(addressPoints as AdressPoint).map((address, index) => (
            <Marker key={index} position={[address[0], address[1]]} title={address[2]}></Marker>
          ))}
        </MarkerClusterGroup>
      </MapContainer>
    </div>
  )
}
```