Last updated:
0 purchases
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
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.