https://github.com/masreplay/google_maps_pagination

Pagination with list view and markers throw google map
https://github.com/masreplay/google_maps_pagination

android flutter google-maps ios markers pagination real-estate

Last synced: 21 days ago
JSON representation

Pagination with list view and markers throw google map

• Host: GitHub
• URL: https://github.com/masreplay/google_maps_pagination
• Owner: masreplay
• License: other
• Created: 2022-04-11T17:07:05.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-02-16T12:18:14.000Z (9 months ago)
• Last Synced: 2024-02-17T12:40:11.882Z (9 months ago)
• Topics: android, flutter, google-maps, ios, markers, pagination, real-estate
• Language: Dart
• Homepage: https://pub.dev/packages/google_maps_pagination
• Size: 243 KB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Pagination markers and cards on map with page view

## Features

Pagination throw google map smoothly

## Getting started

no pre requirements required

## Usage

```dart

class MapItem implements MarkerItem {

  // TODO: implement all fields

}

final GoogleMapController mapController = GoogleMapController();

final String? selectedItemId = null;

PaginationMap(

    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