polygon_map 0.0.6

A flexible Flutter map widget for creating, editing, and managing polygons with interactive controls.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:polygon_map/polygon_map.dart';
import 'package:latlong2/latlong.dart';

void main() {
  // Entry point of the Flutter application
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // Controller that manages polygons and map interactions
  final controller = PolygonMapController();

  @override
  void initState() {
    super.initState();

    // Listen to controller changes (polygons, points, etc.)
    controller.addListener(_onControllerChanged);

    // Set initial polygon data
    controller.setPolygons([
      PolygonModel(
        borderColor: Colors.red,
        points: [
          LatLng(34.0925, -118.2750),
          LatLng(34.0925, -118.2050),
          LatLng(34.0225, -118.1950),
          LatLng(34.0125, -118.2050),
          LatLng(34.0125, -118.2750),
        ],
      ),
    ]);
  }

  // Callback triggered whenever controller state changes
  void _onControllerChanged() {
    debugPrint("last polygon: ${controller.polygons.last.points}");
  }

  @override
  void dispose() {
    // Remove listener to prevent memory leaks
    controller.removeListener(_onControllerChanged);

    // Dispose controller resources
    controller.dispose();

    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,

      // Root screen of the app
      home: Scaffold(
        body: PolygonMap(
          controller: controller,

          // Use satellite map tiles
          mapType: MapTypeEnum.esriSatellite,
        ),
      ),
    );
  }
}