map: removed connectivity check, harmonized layer background

lib/widgets/common/map/geo_map.dart

@@ -5,7 +5,6 @@ import 'package:aves/model/entry.dart';
 import 'package:aves/model/settings/enums.dart';
 import 'package:aves/model/settings/map_style.dart';
 import 'package:aves/model/settings/settings.dart';
-import 'package:aves/services/common/services.dart';
 import 'package:aves/theme/durations.dart';
 import 'package:aves/utils/change_notifier.dart';
 import 'package:aves/utils/constants.dart';
@@ -152,10 +151,6 @@ class _GeoMapState extends State<GeoMap> {
       onTap(clusterAverageLocation, markerEntry, getClusterEntries);
     }
 
-    return FutureBuilder<bool>(
-      future: availability.isConnected,
-      builder: (context, snapshot) {
-        if (snapshot.data != true) return const SizedBox();
     return Selector<Settings, EntryMapStyle>(
       selector: (context, s) => s.infoMapStyle,
       builder: (context, mapStyle, child) {
@@ -264,8 +259,6 @@ class _GeoMapState extends State<GeoMap> {
         );
       },
     );
-      },
-    );
   }
 
   ZoomedBounds _initBounds() {

lib/widgets/common/map/leaflet/tile_layers.dart

@@ -3,6 +3,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter_map/flutter_map.dart';
 import 'package:provider/provider.dart';
 
+const _tileLayerBackgroundColor = Colors.transparent;
+
 class OSMHotLayer extends StatelessWidget {
   const OSMHotLayer({Key? key}) : super(key: key);
 
@@ -12,6 +14,7 @@ class OSMHotLayer extends StatelessWidget {
       options: TileLayerOptions(
         urlTemplate: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
         subdomains: ['a', 'b', 'c'],
+        backgroundColor: _tileLayerBackgroundColor,
         tileProvider: _NetworkTileProvider(),
         retinaMode: context.select<MediaQueryData, double>((mq) => mq.devicePixelRatio) > 1,
       ),
@@ -28,6 +31,7 @@ class StamenTonerLayer extends StatelessWidget {
       options: TileLayerOptions(
         urlTemplate: 'https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.png',
         subdomains: ['a', 'b', 'c', 'd'],
+        backgroundColor: _tileLayerBackgroundColor,
         tileProvider: _NetworkTileProvider(),
         retinaMode: context.select<MediaQueryData, double>((mq) => mq.devicePixelRatio) > 1,
       ),
@@ -44,6 +48,7 @@ class StamenWatercolorLayer extends StatelessWidget {
       options: TileLayerOptions(
         urlTemplate: 'https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg',
         subdomains: ['a', 'b', 'c', 'd'],
+        backgroundColor: _tileLayerBackgroundColor,
         tileProvider: _NetworkTileProvider(),
         retinaMode: context.select<MediaQueryData, double>((mq) => mq.devicePixelRatio) > 1,
       ),

lib/widgets/map/map_page.dart

@@ -83,7 +83,7 @@ class _Content extends StatefulWidget {
 class _ContentState extends State<_Content> with SingleTickerProviderStateMixin {
   final List<StreamSubscription> _subscriptions = [];
   final AvesMapController _mapController = AvesMapController();
-  late final ValueNotifier<bool> _isPageAnimatingNotifier;
+  final ValueNotifier<bool> _isPageAnimatingNotifier = ValueNotifier(false);
   final ValueNotifier<int?> _selectedIndexNotifier = ValueNotifier(0);
   final ValueNotifier<CollectionLens?> _regionCollectionNotifier = ValueNotifier(null);
   final ValueNotifier<LatLng?> _dotLocationNotifier = ValueNotifier(null);
@@ -102,13 +102,11 @@ class _ContentState extends State<_Content> with SingleTickerProviderStateMixin
     super.initState();
 
     if (settings.infoMapStyle.isGoogleMaps) {
-      _isPageAnimatingNotifier = ValueNotifier(true);
+      _isPageAnimatingNotifier.value = true;
       Future.delayed(Durations.pageTransitionAnimation * timeDilation).then((_) {
         if (!mounted) return;
         _isPageAnimatingNotifier.value = false;
       });
-    } else {
-      _isPageAnimatingNotifier = ValueNotifier(false);
     }
 
     _dotEntryNotifier.addListener(_updateInfoEntry);