I used old version of flutter map, and i used to manage zoom in and zoom out using attributebuilder from tile layer, how I can achieve the same using latest version (7.0.2)n

[halhwadi]

What is the bug?

its not a bug, its question, I searched for answers in flutter documentation but didn't get the answer, I need your assistance to help me figure out how I can zoom in and zoom out with maintain the markers location on map using version 7.0.2, I used to attribuitebuilder, see the existing code:

                                          TileLayer(
                                            urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
                                            subdomains: ['a', 'b', 'c'],
                                          //   attributionBuilder: (_) {
                                          //   return Row(
                                          //     mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                          //     crossAxisAlignment: CrossAxisAlignment.center,
                                          //     children: [
                                          //       FloatingActionButton(
                                          //         heroTag: 'zoomOut',
                                          //         onPressed: _zoomOut,
                                          //         tooltip: 'Zoom',
                                          //         child: const Icon(Icons.remove_circle_outline_rounded,size:30.0),
                                          //       ),
                                          //       FloatingActionButton(
                                          //         heroTag: 'zoomIn',
                                          //         onPressed: _zoomIn,
                                          //         tooltip: 'Zoom',
                                          //         child: const Icon(Icons.add_circle_outline_rounded,size:30.0),
                                          //       ),
                                          //     ],
                                          //   );
                                          // },
                                        ),
                                        MarkerLayer(
                                          markers: markers
                                        ),
                                      ],
                                    ),
                                  )
                                ]

How can we reproduce it?

                                         TileLayer(
                                            urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
                                            subdomains: ['a', 'b', 'c'],
                                          //   attributionBuilder: (_) {
                                          //   return Row(
                                          //     mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                          //     crossAxisAlignment: CrossAxisAlignment.center,
                                          //     children: [
                                          //       FloatingActionButton(
                                          //         heroTag: 'zoomOut',
                                          //         onPressed: _zoomOut,
                                          //         tooltip: 'Zoom',
                                          //         child: const Icon(Icons.remove_circle_outline_rounded,size:30.0),
                                          //       ),
                                          //       FloatingActionButton(
                                          //         heroTag: 'zoomIn',
                                          //         onPressed: _zoomIn,
                                          //         tooltip: 'Zoom',
                                          //         child: const Icon(Icons.add_circle_outline_rounded,size:30.0),
                                          //       ),
                                          //     ],
                                          //   );
                                          // },
                                        ),
                                        MarkerLayer(
                                          markers: markers
                                        ),
                                      ],
                                    ),
                                  )
                                ]

Do you have a potential solution?

No response

Platforms

android 13, windows 11

Severity

Fatal: Causes the application to crash

[josxha]

Hello @halhwadi, please prefer to ask your questions in the Q&A in the GitHub discussions or in the #help channel on the discord server.

It's great if you include code samples but please format them in advance and please post every code snippet only once. You can use a code block like this: https://www.markdownguide.org/extended-syntax/#fenced-code-blocks

The attributionBuilder is not available in newer versions. You can just move your FloatingActionButtons directly inside the children list from FlutterMap. There is a dedicated example for zoom buttons in the example app.

• https://github.com/fleaflet/flutter_map/blob/master/example/lib/pages/plugin_zoombuttons.dart#L25-L31
• https://github.com/fleaflet/flutter_map/blob/master/example/lib/plugins/zoombuttons_plugin.dart