[BUG] Retina simulation not working on WMTS URL templates without {r} parameter in V7-beta about flutter_map HOT 5 CLOSED

------------------------ import 'package:flutter/material.dart'; import 'package:flutter_map/flutter_map.dart'; import 'package:latlong2/latlong.dart'; late MediaQueryData queryData; // needed for getting the screen width and height int screenWidth = 0; int screenHeight = 0; // variable and constants for the flutter_map final MapController mapController = MapController(); const LatLng initialMapPosition = LatLng(52.5, 5.0); const double initialMapZoom = 15; // Map<String, dynamic> baseMapTileProviders = { "Open Street Map": { "service": "WMTS", "URL": "https://tile.openstreetmap.org/{z}/{x}/{y}.png", "subDomains": [], "labels": "", "bgColor": "#000000", "maxZoom": 19.0, "attrib": "Open Street Map Contributors", "attribLink": "https://www.openstreetmap.org/" }, "ESRILabels": { "service": "WMTS", "URL": "https://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer/tile/{z}/{y}/{x}{r}", "subDomains": [], "maxZoom": 20.0, "attrib": "ESRI", "attribLink": "https://www.esri.com" }, }; //------------------------------------------------------------------------------------------------------------------------------------------ var selectedMapType = 'Open Street Map'; //var selectedMapType = 'ESRILabels'; //------------------------------------------------------------------------------------------------------------------------------------------ // void main() async { WidgetsFlutterBinding.ensureInitialized(); runApp(const MyApp()); } class MyApp extends StatefulWidget { const MyApp({super.key}); @OverRide State<MyApp> createState() => MyAppState(); } //------------------------------------------------------------------------------------------------------------------------------------------ // The main program (= the "state" belonging to MyApp) // The methods dispose() and didChangeAppLifecycleState(..) are called on exit or when we pause or resume // The flutter framework calls initState() // After initState() the build(..) method is called repetitatively each time the ui needs to be rebuild // class MyAppState extends State<MyApp> with WidgetsBindingObserver, SingleTickerProviderStateMixin { @OverRide dispose() { WidgetsBinding.instance.removeObserver(this); super.dispose(); } @OverRide didChangeAppLifecycleState(AppLifecycleState state) { super.didChangeAppLifecycleState(state); switch (state) { case AppLifecycleState.resumed: case AppLifecycleState.inactive: case AppLifecycleState.hidden: case AppLifecycleState.paused: case AppLifecycleState.detached: } } @OverRide initState() { super.initState(); WidgetsBinding.instance.addObserver(this); // needed to get the MediaQuery working } @OverRide Widget build(BuildContext context) { // Now return the UI as a MaterialApp with title, theme and a (single) homepage (with a Scaffold) return MaterialApp( title: "flutter map retina test", theme: ThemeData( useMaterial3: true, textTheme: const TextTheme(bodyMedium: TextStyle(color: Colors.white, fontSize: 15)), ), home: SafeArea( top: false, left: false, right: false, bottom: true, child: Builder(builder: (BuildContext context) { screenWidth = MediaQuery.of(context).size.width.toInt(); screenHeight = MediaQuery.of(context).size.height.toInt(); return Scaffold( extendBodyBehindAppBar: true, body: Stack( children: [ uiFlutterMap(), uiInfoArea(), ], ), ); }), )); } FlutterMap uiFlutterMap() { return FlutterMap( mapController: mapController, options: MapOptions( onMapReady: onMapCreated, // when the map is ready, the onMapCreated routine starts the rest of the initialization initialCenter: initialMapPosition, initialZoom: initialMapZoom, maxZoom: baseMapTileProviders[selectedMapType]['maxZoom'], backgroundColor: Colors.blueGrey, interactionOptions: const InteractionOptions(flags: InteractiveFlag.all & ~InteractiveFlag.rotate), ), children: [ // five children: the base map, the optional labeloverlay for satellite maps, // the optional overlay map, the route polylines and all markers/textlabels // // the selected base map layer with three options, WMS, WMTS or vector (once available for web) switch (baseMapTileProviders[selectedMapType]['service']) { "WMS" => TileLayer( wmsOptions: WMSTileLayerOptions( baseUrl: baseMapTileProviders[selectedMapType]['wmsbaseURL'], layers: baseMapTileProviders[selectedMapType]['wmslayers'].cast<String>(), ), tileProvider: NetworkTileProvider(), retinaMode: RetinaMode.isHighDensity(context), tileDisplay: const TileDisplay.instantaneous(), userAgentPackageName: "testing", ), "WMTS" => TileLayer( urlTemplate: baseMapTileProviders[selectedMapType]['URL'], subdomains: List<String>.from(baseMapTileProviders[selectedMapType]['subDomains']), tileProvider: NetworkTileProvider(), // //---------------------------------------------------------------------------------------------------------------------------- // Running as Windows app (and Android app and Web) with selectedMapType = 'Open Street Map' // // Windows screensize set to max 3456x2160 pixels, Scale 200%. dpr = 2.0 (recommended value is 250%) // retinaMode: false - gives readable streetnames // retinaMode: RetinaMode.isHighDensity(context) - gives unreadable streetnames // // Windows screensize set to 1920x1080 pixels, Scale 125%, dpr = 1.2 (recommende value) // retinaMode: false gives - readable streetnames // retinaMode: RetinaMode.isHighDensity(context) - gives unreadable streetnames // // (retinaMode: RetinaMode.isHighDensity(context) works fine with selectedMapType = 'ESRILabels') // //retinaMode: false, retinaMode: RetinaMode.isHighDensity(context), // //---------------------------------------------------------------------------------------------------------------------------- // tileDisplay: const TileDisplay.instantaneous(), userAgentPackageName: "testing", ), _ => const SizedBox() }, ], ); } // Column uiInfoArea() { return Column( mainAxisAlignment: MainAxisAlignment.end, crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( padding: const EdgeInsets.fromLTRB(0, 0, 50, 15), color: Colors.transparent, // set a color so that the area does not allow click-through to the map child: Row( // row with some texts mainAxisAlignment: MainAxisAlignment.start, mainAxisSize: MainAxisSize.max, children: [ Text(' Screenwidth: $screenWidth, Screenheight: $screenHeight, DPR: ${MediaQuery.devicePixelRatioOf(context)}\n\n') ])) ], ); } void onMapCreated() async {} }

------------------------ Met vriendelijke groet, Stichting Zeilvaart Warmond Henk Keijzer From: Luka S ***@***.***> Sent: donderdag 25 april 2024 19:24 To: fleaflet/flutter_map ***@***.***> Cc: Henk-Keijzer ***@***.***>; Mention ***@***.***> Subject: Re: [fleaflet/flutter_map] [BUG] Retina simulation not working on WMTS URL templates without {r} parameter in V7-beta (Issue #1866) Hey @Henk-Keijzer<https://github.com/Henk-Keijzer>, Can you create a minimally reproducible example please? Thanks for the report! - Reply to this email directly, view it on GitHub<#1866 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AXCLCJASWHPJ7UQUY7O7QNLY7E343AVCNFSM6AAAAABF5HQ2F6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANZXG44TGNBQGU>. You are receiving this because you were mentioned.Message ID: ***@***.******@***.***>>