How to cluster bunch of markers?

[FluffyDiscord]

I have bunch of Markers and I would like to cluster them together. Does this library support it?

Simplified component example

<MapLibre> 
    {#each $markers as marker (marker.id)}
        <Marker lngLat={marker.position}>
            <span>Hi</span>
        </Marker>
    {/each}
</MapLibre>

The MarkerLayer does not seem to work without geojson, which I do not have

[dimfeld]

No, it only supports MapLibre's built-in clustering functionality right now, which in turn only works with GeoJSON.

The most straightforward way would be to convert the data to GeoJSON for display, which is basically a matter of converting to something like this:

{
  "type": "FeatureCollection",
   "features": [
      {
          "type": "Feature",
          "id": marker.id,
           "properties": { /* any additional props here, such as text to display, color, etc. */ },
           "geometry": {
               "type": "Point",
               "coordinates": marker.position
            }
      },
      // Additional markers here
   ]
}

Libraries such as turf can take out some of the busywork here. A while ago I wrote a blog post that presents a short into to GeoJSON too, if you're interested: https://imfeld.dev/writing/introduction_to_geojson