tileLayer property

(TileLayer Function(TileLayer defaultLayer)?) tileLayer
final

override the default map

  • use this if you want to use other map or other server
  • you can also use it to change the dark map
  • default is
return TileLayerOptions(
  urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
  subdomains: ['a', 'b', 'c'],
  tileBuilder: (context, tileWidget, tile) {
    if (!isDark) return tileWidget;
    return ColorFiltered(
      colorFilter: ColorFilter.mode(background, BlendMode.saturation),
      child: tileWidget,
    );
  },
);

You can override how map images downloaded You can cache images like that

import 'package:cached_network_image/cached_network_image.dart';
class CachedTileProvider extends TileProvider {
  const CachedTileProvider();
  @override
  ImageProvider getImage(Coords<num> coords, TileLayerOptions options) {
    return CachedNetworkImageProvider(
      getTileUrl(coords, options),
    );
  }
}

Implementation

final TileLayer Function(TileLayer defaultLayer)? tileLayer;