[BUG] Transparency not applicable

[RegalFenster]

What is the bug?

Hi, for some reason, I'm unable to set the transparency of the wms tile layer. There is a similar issue: https://github.com/fleaflet/flutter_map/issues/1281 But changing the backgroundColor to transparent didn't resolve the problem.

What is the expected behaviour?

Layer should be transparent

How can we reproduce this issue?

FlutterMap(
        options: MapOptions(
          center: LatLng(51.5, -0.09),
          zoom: 13.0,
        ),
        nonRotatedChildren: [
          AttributionWidget.defaultWidget(
            source: 'OpenStreetMap contributors',
          ),
        ],
        children: [
          TileLayer(
            urlTemplate: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
            userAgentPackageName: 'com.example.app',
          ),
          TileLayer(
            wmsOptions: WMSTileLayerOptions(
                baseUrl: "https://geo.weather.gc.ca/geomet?",
                layers: ["GDPS.ETA_TT"],
                version: '1.3.0',
                transparent: true),
            backgroundColor: Colors.transparent,
          ),
        ],
      )

Do you have a potential solution?

No response

Can you provide any other information?

Platforms Affected

Windows

Severity

Minimum: Allows normal functioning

Frequency

Consistently: Always occurs at the same time and location

Requirements

• [X] I agree to follow this project's Code of Conduct
• [X] My Flutter/Dart installation is unaltered, and flutter doctor finds no relevant issues
• [X] I am using the latest stable version of this package
• [X] I have checked the FAQs section on the documentation website
• [X] I have checked for similar issues which may be duplicates

[ibrierley]

I guess the first obvious question is, what's the yellow stuff? :). Are you sure the WMS tile isn't just providing that from the server ?

[RegalFenster]

I updated the issue

[ibrierley]

So, I may be being dumb here, but as the whole weather world/layer is full of colour, why would transparent work, there's no transparency there ?

[JaffaKetchup]

Hi @RegalFenster, I think you might be getting confused. My mistake if I'm misunderstanding you!

backgroundColor sets the color behind any transparent areas of the map (of which there aren't any on this map). If you're trying to set the opacity of the entire layer, perhaps to overlay it on top of another layer, set the opacity property instead.

(Not sure if you're trying to do this or not, but to toggle the layer, toggle the TileLayer itself: don't use 0 opacity)

[RegalFenster]

I was confused indeed. Changing the opacity is what I actually wanted. Thanks a lot!