146 lines
4.6 KiB
Dart
146 lines
4.6 KiB
Dart
// * Interactive map widget for camera trap location selection
|
|
// * Features:
|
|
// * - OpenStreetMap integration
|
|
// * - Location marker placement
|
|
// * - GPS coordinates display and saving
|
|
// * - Localized interface
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_map/flutter_map.dart';
|
|
import 'package:geolocator/geolocator.dart';
|
|
import 'package:latlong2/latlong.dart';
|
|
// import 'package:geocoding/geocoding.dart';
|
|
import 'package:fforte/l10n/app_localizations.dart';
|
|
|
|
/// Widget for displaying and interacting with the map
|
|
/// Allows users to select and save camera trap locations
|
|
class Karte extends StatefulWidget {
|
|
/// Controller for nearby location name
|
|
final TextEditingController beiOrtC;
|
|
/// Controller for location details
|
|
final TextEditingController ortInfoC;
|
|
/// Controller for longitude coordinate
|
|
final TextEditingController decLngC;
|
|
/// Controller for latitude coordinate
|
|
final TextEditingController decLatC;
|
|
/// Current GPS position
|
|
final Position currentPosition;
|
|
|
|
const Karte(
|
|
{super.key,
|
|
required this.currentPosition,
|
|
required this.beiOrtC,
|
|
required this.ortInfoC,
|
|
required this.decLngC,
|
|
required this.decLatC});
|
|
|
|
@override
|
|
KarteState createState() => KarteState();
|
|
}
|
|
|
|
/// State class for the map widget
|
|
class KarteState extends State<Karte> {
|
|
/// Current marker on the map
|
|
Marker? currentMarker;
|
|
/// Selected position coordinates
|
|
LatLng? selectedPosition;
|
|
/// Whether the save button should be visible
|
|
bool saveVisible = false;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
// Initialize marker at current position
|
|
currentMarker = Marker(
|
|
point: LatLng(
|
|
widget.currentPosition.latitude, widget.currentPosition.longitude),
|
|
child: const Icon(
|
|
Icons.location_on,
|
|
color: Colors.red,
|
|
));
|
|
saveVisible = true;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Text(AppLocalizations.of(context)!.map),
|
|
actions: [
|
|
// Save location button
|
|
Visibility(
|
|
visible: saveVisible,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
|
child: ElevatedButton.icon(
|
|
onPressed: () async {
|
|
if (currentMarker != null) {
|
|
setState(() {
|
|
widget.decLatC.text =
|
|
currentMarker!.point.latitude.toString();
|
|
widget.decLngC.text =
|
|
currentMarker!.point.longitude.toString();
|
|
});
|
|
}
|
|
if (context.mounted) Navigator.pop(context, currentMarker?.point);
|
|
},
|
|
icon: const Icon(Icons.save),
|
|
label: Text(AppLocalizations.of(context)!.saveMap),
|
|
style: ElevatedButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
// Map display with OpenStreetMap tiles
|
|
body: FlutterMap(
|
|
mapController: MapController(),
|
|
options: MapOptions(
|
|
interactionOptions: const InteractionOptions(
|
|
flags: InteractiveFlag.pinchZoom |
|
|
InteractiveFlag.drag |
|
|
InteractiveFlag.pinchMove),
|
|
initialCenter: LatLng(widget.currentPosition.latitude,
|
|
widget.currentPosition.longitude),
|
|
initialZoom: 16.0,
|
|
onTap: _handleTap,
|
|
),
|
|
children: [
|
|
// OpenStreetMap tile layer
|
|
TileLayer(
|
|
urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
|
userAgentPackageName: 'de.lupus.apps',
|
|
),
|
|
// Marker layer
|
|
MarkerLayer(markers: [currentMarker!]),
|
|
]),
|
|
);
|
|
}
|
|
|
|
/// Handle tap events on the map
|
|
/// Creates a new marker at the tapped location
|
|
/// @param position The tap position on the screen
|
|
/// @param latlng The geographical coordinates of the tap
|
|
_handleTap(TapPosition position, LatLng latlng) {
|
|
setState(() {
|
|
currentMarker = Marker(
|
|
width: 80.0,
|
|
height: 80.0,
|
|
point: latlng,
|
|
child: const Icon(
|
|
Icons.location_on,
|
|
color: Colors.red,
|
|
),
|
|
);
|
|
// selectedPosition = latlng;
|
|
saveVisible = true;
|
|
});
|
|
// ScaffoldMessenger.of(context).showSnackBar(SnackBar(
|
|
// content: Text(
|
|
// "${AppLocalizations.of(context)!.markerSet}\n${selectedPosition!.latitude}\n${selectedPosition!.longitude}")));
|
|
}
|
|
}
|