tileLayer property
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;