google_maps_pagination 0.0.2
google_maps_pagination: ^0.0.2 copied to clipboard
Pagination with pageView and markers throw google 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}";
},
),
Additional information #
Drag map will change camera position and click next or previous will change pagination