Flutter Leaflet Package #

⚠️ Under Development ⚠️

This project is currently under development. Features may change without notice.

Allows you to create pages with Leaflet maps in an integrated way with Flutter.

Installation #

Add the package to your pubspec.yaml:

flutter pub add flutter_leaflet

This package relies on webview_flutter. Ensure you have the necessary platform implementations:

flutter pub add webview_flutter
flutter pub add webview_flutter_web # For web support

Usage #

Import the package:

import 'package:flutter_leaflet/flutter_leaflet.dart';

Use the FlutterLeaflet widget in your build method:

FlutterLeaflet(
  title: 'Initial Map',
  options: LeafletOptions(
    center: LatLng(-23.347509137997484, -47.84753617004771),
    zoom: 18,
    zoomControl: true,
    minZoom: 13,
    maxZoom: 18,
    googleView: true,
  ),
  markers: [
    LeafletMarker(
      position: LatLng(-23.347509137997484, -47.84753617004771),
      draggable: false,
      title: 'Tatuí - SP',
    ),
  ],
  polygons: [
    LeafletPolygon(
      points: [
        LatLng(-23.34606370264136, -47.84818410873414),
        LatLng(-23.34575341324051, -47.84759938716888),
        LatLng(-23.34615728184211, -47.84729361534119),
        LatLng(-23.34651189716213, -47.84792125225068),
      ],
      popupContent: 'I am a Polygon',
    ),
  ],
  circles: [
    LeafletCircle(
      position: LatLng(-23.346569922234977, -47.84376382827759),
      radius: 80.68230575309364,
      popupContent: 'I am a Circle',
    ),
  ],
)

License #

The MIT License (MIT).