Start to implement functions: adding point, polyline and polygon to map

2025-10-11 09:26:59 +02:00
parent e986cccdd6
commit e8a6e4464a
7 changed files with 295 additions and 4 deletions
@@ -1,3 +1,162 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_map/flutter_map.dart';
+import 'package:flutter_map_polygon_editor/polygon_editor/polygon_editor_controller.dart';
 import 'package:get/get.dart';
+import 'package:latlong2/latlong.dart';

-class FieldTripController extends GetxController {}
+class FieldTripController extends GetxController {
+  RxBool mapIsInitialized = false.obs;
+  RxBool mapInEditorMode = false.obs;
+  RxBool mapInPointEditorMode = false.obs;
+
+  final pointNotes = <Marker>[].obs;
+  final polylineNotes = <Polyline<Object>>[].obs;
+  final polygonNotes = <Polygon<Object>>[].obs;
+
+  late final MapController mapController;
+  late final MapOptions mapOptions;
+  late final PolygonEditorController polygonEditorController;
+
+  final PolygonLabelPlacementCalculator _labelPlacementCalculator =
+      const PolygonLabelPlacementCalculator.centroid();
+
+  @override
+  void onInit() async {
+    // TODO: implement onInit
+    super.onInit();
+
+    mapOptions = MapOptions(
+      onLongPress: (tapPosition, point) {
+        if (mapInEditorMode.value) {
+          polygonEditorController.addPoint(point);
+        }
+        if (mapInPointEditorMode.value) {
+          savePointNote(point: point);
+        }
+      },
+      keepAlive: true,
+    );
+
+    polylineNotes.add(
+      Polyline(
+        points: [
+          const LatLng(47.65, 19.00),
+          const LatLng(47.64, 19.02),
+          const LatLng(47.69, 19.22),
+        ],
+        strokeWidth: 8,
+        color: const Color.fromARGB(255, 227, 238, 71),
+        hitValue: (
+          title: 'Purple Line',
+          subtitle: 'Nothing really special here...',
+        ),
+      ),
+    );
+
+    polygonEditorController =
+        PolygonEditorController(mode: PolygonEditorMode.polygon);
+
+    mapController = MapController();
+
+    mapIsInitialized.value = true;
+  }
+
+  @override
+  void dispose() {
+    // TODO: implement dispose
+    polygonEditorController.dispose();
+    super.dispose();
+  }
+
+  void cancelEditorController() {
+    polygonEditorController.clear();
+    mapInEditorMode.value = false;
+  }
+
+  void startPolygonEdition() {
+    polygonEditorController.clear();
+    polygonEditorController.setMode(PolygonEditorMode.polygon);
+    mapInEditorMode.value = true;
+  }
+
+  void startPolylineEdition() {
+    polygonEditorController.clear();
+    polygonEditorController.setMode(PolygonEditorMode.line);
+    mapInEditorMode.value = true;
+  }
+
+  void startPointEdition() {
+    mapInPointEditorMode.value = true;
+  }
+
+  void saveNote() {
+    if (polygonEditorController.mode == PolygonEditorMode.line) {
+      print("Points number in line: ${polygonEditorController.points.length}");
+      print(
+          "1. point coords: ${polygonEditorController.points[0].latitude} - ${polygonEditorController.points[0].longitude}");
+
+      Polyline polyline = Polyline(
+        points: polygonEditorController.points,
+        color: Colors.red,
+        strokeWidth: 8,
+        // hitValue: (
+        //   title: 'Purple Line',
+        //   subtitle: 'Nothing really special here...',
+        // ),
+      );
+      polylineNotes.add(polyline);
+      // polylineNotes.refresh();
+
+      print("Points number in polylineNotes: ${polylineNotes.length}");
+      print(
+          "1. point coords of polyline: ${polyline.points[0].latitude} - ${polyline.points[0].longitude}");
+
+      polygonEditorController.clear();
+      mapInEditorMode.value = false;
+    }
+    if (polygonEditorController.mode == PolygonEditorMode.polygon) {
+      print(
+          "Points number in polygon: ${polygonEditorController.points.length}");
+
+      Polygon polygon = Polygon(
+        points: polygonEditorController.points,
+        color: Colors.purple,
+        borderColor: Colors.yellow,
+        borderStrokeWidth: 4,
+        label: 'Label!',
+        labelPlacementCalculator: _labelPlacementCalculator,
+        // hitValue: (
+        //   title: 'Basic Filled Polygon',
+        //   subtitle: 'Nothing really special here...',
+      );
+
+      polygonNotes.add(polygon);
+      polygonNotes.refresh();
+      update();
+
+      print("Points number in polygonNotes: ${polygonNotes.length}");
+
+      polygonEditorController.clear();
+      mapInEditorMode.value = false;
+    }
+  }
+
+  void savePointNote({required LatLng point}) {
+    Marker marker = Marker(
+        point: point,
+        width: 15.0,
+        height: 15.0,
+        child: Container(
+          width: 15.0,
+          height: 15.0,
+          decoration: BoxDecoration(
+              color: Colors.amber[700],
+              shape: BoxShape.circle,
+              border: Border.all(width: 1.0, color: Colors.black)),
+        ));
+    pointNotes.add(marker);
+    pointNotes.refresh();
+    update();
+    mapInPointEditorMode.value = false;
+  }
+}