Marker Layer

You can add markers to maps to display specific points to users using MarkerLayer().

FlutterMap(
    options: MapOptions(),
    children: [
        MarkerLayer(
            markers: [
                Marker(
                  point: LatLng(30, 40),
                  width: 80,
                  height: 80,
                  builder: (context) => FlutterLogo(),
                ),
            ],
        ),
    ],
),

Excessive use of markers or use of complex markers will create performance issues and lag/'jank' as the user interacts with the map. See for more information.

If you need to use a large number of markers, an existing community maintained plugin (flutter_map_marker_cluster) might help.

Markers (markers)

As you can see MarkerLayerOptions() accepts list of Markers which determines render widget, position and transformation details like size and rotation.

PropertyTypeDefaultsDescription

point

LatLng

required

Marker position on map

builder

WidgetBuilder

required

Builder used to render marker

width

double

30

Marker width

height

double

30

Marker height

rotate

bool?

false*

If true, marker will be counter rotated to the map rotation

rotateOrigin

Offset?

The origin of the marker in which to apply the matrix

rotateAlignment

AlignmentGeometry?

The alignment of the origin, relative to the size of the box

anchorPos

AnchorPos?

Point of the marker which will correspond to marker's location

Last updated

© flutter_map Authors & Maintainers