The quest to display widget markers on a map
summary
Map SDK markers are incompatible with Flutter widgets so use the controller method getScreenCoordinate to overlay widgets in a Stack but that causes lag; exporting assets to load as Google map markers works well for static icons. For dynamic content render widgets to images with RenderRepaintBoundary.toImage (or use the package screenshot), then load bytes as Marker icons. Preload network images with precacheImage + element tree visitor and flutter_cache_manager to avoid missing frames. Flutter_map supports real widgets but vector tile rendering currently has performance limits; options include async rasterization, drawVertices, or the upcoming Flutter GPU API.
AI-written summary · about
chapters (8)
- 0:00Map engines and marker limits
- 1:13Widget stacking workaround
- 2:21Bitmap markers for static icons
- 3:05Dynamic markers with screenshots
- 6:22Network images in markers
- 9:21Final dynamic map results
- 10:24Screenshot technique limits
- 10:46Future of Flutter map engines
related talks
17mFlutter Widgets Probably Haven’t Heard Of
34mMastering CustomPainter: Going Beyond Widgets in Flutter
37mMastering CustomPainter: Going Beyond Widgets in Flutter
49mGetting started with the Maps SDK for Flutter
43mPortable Material: Flutter physical models
33mShould We Flutter?
42mGet Animated with Flutter!
51mFlutter: How Widgets Work