Raster Style Layer
The RasterStyleLayer is either used by the map style or can be added to the map
programmatically to render raster tiles on your map.

Basic Usage
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 | late final MapController _controller;
@override
Widget build(BuildContext context) {
return MapLibreMap(
options: MapOptions(center: Geographic(lon: 9.17, lat: 47.68)),
onMapCreated: (controller) => _controller = controller,
onStyleLoaded: (style) async {
const openStreetMap = RasterSource(
id: _sourceId,
tiles: ['https://tile.openstreetmap.org/{z}/{x}/{y}.png'],
maxZoom: 20,
tileSize: 256,
attribution:
'<a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
);
await style.addSource(openStreetMap);
const layer = RasterStyleLayer(
id: _layerId,
sourceId: _sourceId,
);
await style.addLayer(layer);
}
);
}
|
Check out
the example app
to learn more.
Style & Layout
Use the paint property to change the style and the layout
property to change the behavior on the map.
Read the Paint & Layout chapter to learn more on this
topic.