pagination_map

Last updated:

0 purchases

pagination_map Image
pagination_map Images
Add to Cart

Description:

pagination map

Pagination markers and cards on map with page view
Features #
Pagination throw google map smoothly
Getting started #
no pre requirements required
Usage #
class MapItem implements MarkerItem {
// TODO: implement all fields
}

final GoogleMapController mapController = GoogleMapController();
final String? selectedItemId = null;

PaginationMap<MapItem>(
initialCameraPosition: CameraPosition(target: LatLng(33.4176386794544, 44.34958527530844)),
currentUserLocation: LatLng(33.4176386794544, 44.34958527530844),
height: 200,
pageViewController: PageController(),
mapController: mapController,
setMapController: (value) {
setState(() {
mapController = value;
});
},
onItemsChanged: (int skip, CameraPosition cameraPosition) async {
return getItem(skip, cameraPosition)
},
pageViewItemBuilder: (BuildContext context, MapItem item) {
return MapItemListTile(item: item);
},
selectedItemId: selectedItemId,
onSelectedItemChanged: (value) {
setState(() {
selectedItemId = value;
});
},
labelFormatter: (String label) {
return "Hello, ${label}";
},
),

copied to clipboard
Additional information #
Drag map will change camera position and click next or previous will change pagination

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.