aleksays / flutter_map_supercluster Goto Github PK

View Code? Open in Web Editor NEW

Very fast Marker clustering for flutter_map. Supports efficient adding/removing of Markers.

License: BSD 3-Clause "New" or "Revised" License

Objective-C 0.65% Kotlin 0.12% Dart 95.78% Swift 0.33% HTML 3.12%

flutter_map_supercluster's Introduction

Flutter Map Supercluster (previously `flutter_map_fast_cluster`)

Two different Marker clustering layers for flutter_map:

SuperclusterImmutableLayer: An extremely fast Marker clustering layer, Markers may not be added/removed.
SuperclusterMutableLayer: An slightly slower (but still very fast) Marker clustering layer. Markers can be added/removed.

If you want beautiful clustering animations check out flutter_map_marker_cluster. It will perform well for quite a lot of Markers on most devices. If you are running in to performance issues and are happy to sacrifice animations then this package may be for you.

Usage

Add flutter_map and flutter_map_supercluster to your pubspec:

dependencies:
  flutter_map: any
  flutter_map_supercluster: any # or the latest version on Pub

Add it to FlutterMap:

  Widget build(BuildContext context) {
  return FlutterMap(
    options: MapOptions(
      zoom: 5,
      maxZoom: 15,
    ),
    children: <Widget>[
      TileLayer(
        options: TileLayerOptions(
          urlTemplate: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
          subdomains: ['a', 'b', 'c'],
        ),
      ),
      SuperclusterLayer.immutable(
        initialMarkers: markers, // Provide your own
        clusterWidgetSize: const Size(40, 40),
        builder: (context, markerCount, extraClusterData) {
          return Container(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(20.0),
              color: Colors.blue,
            ),
            child: Center(
              child: Text(
                markerCount.toString(),
                style: const TextStyle(color: Colors.white),
              ),
            ),
          );
        },
      ),
    ],
  );
}