mirror of
https://github.com/immich-app/immich.git
synced 2024-12-23 02:06:15 +02:00
a147dee4b6
* maplibre on web, custom styles from server Actually use new vector tile server, custom style.json support multiple style files, light/dark mode cleanup, use new map everywhere send file directly instead of loading first better light/dark mode switching remove leaflet fix mapstyles dto, first draft of map settings delete and add styles fix delete default styles fix tests only allow one light and one dark style url revert config core changes fix server config store fix tests move axios fetches to repo fix package-lock fix tests * open api * add assets to docker container * web: use mapSettings color for style * style: add unique ids to map styles * mobile: use style json for vector / raster * do not use svelte-material-icons * add click events to markers, simplify asset detail map * improve map performance by using asset thumbnails for markers instead of original file * Remove custom attribution (by request) * mobile: update map attribution * style: map dark mode * style: map light mode * zoom level for state * styling * overflow gradient * Limit maxZoom to 14 * mobile: listen for mapStyle changes in MapThumbnail * mobile: update concurrency --------- Co-authored-by: shalong-tanwen <139912620+shalong-tanwen@users.noreply.github.com> Co-authored-by: bo0tzz <git@bo0tzz.me> Co-authored-by: Alex <alex.tran1502@gmail.com>
68 lines
2.0 KiB
Dart
68 lines
2.0 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/modules/map/providers/map_state.provider.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) {
|
|
ref.watch(mapStateNotifier.select((s) => s.mapStyle));
|
|
|
|
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'),
|
|
mode: LaunchMode.externalApplication,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
children: [
|
|
ref.read(mapStateNotifier.notifier).getTileLayer(isDarkTheme),
|
|
if (markers.isNotEmpty) MarkerLayer(markers: markers),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|