mirror of
https://github.com/immich-app/immich.git
synced 2024-12-24 10:37:28 +02:00
77 lines
2.2 KiB
Dart
77 lines
2.2 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
import 'package:flutter_map/plugin_api.dart';
|
||
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
||
|
import 'package:immich_mobile/utils/color_filter_generator.dart';
|
||
|
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) {
|
||
|
final tileLayer = TileLayer(
|
||
|
urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
|
||
|
subdomains: const ['a', 'b', 'c'],
|
||
|
);
|
||
|
|
||
|
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'),
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
),
|
||
|
],
|
||
|
children: [
|
||
|
isDarkTheme
|
||
|
? InvertionFilter(
|
||
|
child: SaturationFilter(
|
||
|
saturation: -1,
|
||
|
child: tileLayer,
|
||
|
),
|
||
|
)
|
||
|
: tileLayer,
|
||
|
if (markers.isNotEmpty) MarkerLayer(markers: markers),
|
||
|
],
|
||
|
),
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
}
|