Repository navigation
[BUG] Vector Tiles without black background in FlutterMap() #124
Description
Package
flutter_map_maplibre
Bug Description
i'm having this styleMap:
{
"version": 8,
"glyphs": "https://maplibre.org/{fontstack}/{range}.pbf",
"sources": {
"openinframap-source": {
"type": "vector",
"tiles": ["https://openinframap.org/tiles/{z}/{x}/{y}.pbf"],
"maxzoom": 14,
},
},
"layers": [
{
"id": "background",
"type": "background",
"layout": {"visibility": "none"},
"paint": {
"background-color": "#000000",
"background-opacity": 0.0
},
},
{
"id": "openinfra-power-lines",
"type": "line",
"source": "openinframap-source",
"source-layer": "power_line",
"paint": {"line-color": "#ff4500", "line-width": 2.0},
},
{
"id": "openinfra-telecom",
"type": "circle",
"source": "openinframap-source",
"source-layer": "telecoms_antenna",
"paint": {"circle-color": "#5400ad", "circle-radius": 3, "circle-stroke-width": 0.5, "circle-stroke-color": "#ffffff"},
},
],
}and i want to load it via :
final String rawJsonString = jsonEncode(styleMap);
return FlutterMap(
mapController: _mapController,
options: const MapOptions(
initialZoom: 4,
initialCenter: LatLng(0, 0),
maxZoom: 20,
cameraConstraint: CameraConstraint.contain(
bounds: LatLngBounds(
const LatLng(-90, -180),
const LatLng(90, 180),
),
),
),
children: [
MapLibreLayer(
initStyle: rawJsonString, // or via 'assets/maps/openinframap_style.json',
children: [],
),
],
);
i get a black background. so my other layers below are not visible anymore...
transparency is not working.. (Android)
Activity
syzygyinteractivemedia commentedon Oct 1, 2026
the only way i could work around it for now is using a ColoredFiltered() widget around it...