2023-08-27 07:07:35 +02:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_map/plugin_api.dart';
|
|
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
2023-11-09 18:10:56 +02:00
|
|
|
import 'package:immich_mobile/modules/map/providers/map_state.provider.dart';
|
2023-08-27 07:07:35 +02:00
|
|
|
import 'package:latlong2/latlong.dart';
|
|
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
|
|
|
|
// A non-interactive thumbnail of a map in the given coordinates with optional markers
|
|
|
|
class MapThumbnail extends HookConsumerWidget {
|
|
|
|
final Function(TapPosition, LatLng)? onTap;
|
|
|
|
final LatLng coords;
|
|
|
|
final double zoom;
|
|
|
|
final List<Marker> markers;
|
|
|
|
final double height;
|
|
|
|
final bool showAttribution;
|
|
|
|
final bool isDarkTheme;
|
|
|
|
|
|
|
|
const MapThumbnail({
|
|
|
|
super.key,
|
|
|
|
required this.coords,
|
|
|
|
required this.height,
|
|
|
|
this.onTap,
|
|
|
|
this.zoom = 1,
|
|
|
|
this.showAttribution = true,
|
|
|
|
this.isDarkTheme = false,
|
|
|
|
this.markers = const [],
|
|
|
|
});
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
2023-11-09 18:10:56 +02:00
|
|
|
ref.watch(mapStateNotifier.select((s) => s.mapStyle));
|
2023-08-27 07:07:35 +02:00
|
|
|
|
|
|
|
return SizedBox(
|
|
|
|
height: height,
|
|
|
|
child: ClipRRect(
|
|
|
|
borderRadius: const BorderRadius.all(Radius.circular(15)),
|
|
|
|
child: FlutterMap(
|
|
|
|
options: MapOptions(
|
|
|
|
interactiveFlags: InteractiveFlag.none,
|
|
|
|
center: coords,
|
|
|
|
zoom: zoom,
|
|
|
|
onTap: onTap,
|
|
|
|
),
|
|
|
|
nonRotatedChildren: [
|
|
|
|
if (showAttribution)
|
|
|
|
RichAttributionWidget(
|
|
|
|
animationConfig: const ScaleRAWA(),
|
|
|
|
attributions: [
|
|
|
|
TextSourceAttribution(
|
|
|
|
'OpenStreetMap contributors',
|
|
|
|
onTap: () => launchUrl(
|
|
|
|
Uri.parse('https://openstreetmap.org/copyright'),
|
2023-11-09 18:10:56 +02:00
|
|
|
mode: LaunchMode.externalApplication,
|
2023-08-27 07:07:35 +02:00
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
],
|
|
|
|
children: [
|
2023-11-09 18:10:56 +02:00
|
|
|
ref.read(mapStateNotifier.notifier).getTileLayer(isDarkTheme),
|
2023-08-27 07:07:35 +02:00
|
|
|
if (markers.isNotEmpty) MarkerLayer(markers: markers),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|