google_maps_pagination 0.0.3

Pagination with pageView and markers throw google map

example/lib/main.dart

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:google_maps_pagination/google_maps_pagination.dart';
import 'package:google_maps_pagination/models/models.dart';

void main() {
  runApp(const MyApp());
}

class Item extends MarkerItem {
  final int age;
  Item({
    required super.lng,
    required super.id,
    required super.lat,
    required super.label,
    required this.age,
  });

  @override
  LatLng get location => LatLng(lng!, lat!);
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  static const initialCameraPosition = CameraPosition(
    target: LatLng(33.43732827389199, 44.3542279671069),
    zoom: 10,
  );

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final PageController _pageController = PageController();

  GoogleMapController? _mapController;
  String? _selectedItemId;
  @override
  Widget build(BuildContext context) {
    return PaginationMap<Item>(
      initialCameraPosition: MyApp.initialCameraPosition,
      mapController: _mapController,
      setMapController: (value) {
        setState(() {
          _mapController = value;
        });
      },
      currentUserLocation: myFakeLocation(),
      pageViewController: _pageController,
      onItemsChanged: (skip, cameraPosition) {
        return getFakeItems(skip, cameraPosition);
      },
      markerLabelFormatter: (value) {
        return "$value USD";
      },
      selectedItemId: _selectedItemId,
      onSelectedItemChanged: (value) {
        setState(() {
          _selectedItemId = value;
        });
      },
      pageViewItemBuilder: (BuildContext context, Item item, int index) {
        return ItemListTile(item: item, index: index);
      },
    );
  }
}

class ItemListTile extends StatelessWidget {
  final Item item;
  final int index;
  const ItemListTile({
    super.key,
    required this.item,
    required this.index,
  });

  @override
  Widget build(BuildContext context) {
    return Card(
      margin: const EdgeInsets.all(12),
      child: Row(
        children: [
          Text("$index"),
          Text(item.label),
          Text("${item.age}"),
        ],
      ),
    );
  }
}

// Use real location provided by any package like geolocator
LatLng? myFakeLocation() {
  return const LatLng(33.43732827389199, 44.3542279671069);
}

// Replace it with your real items request
Future<Pagination<Item>> getFakeItems(
    int skip, CameraPosition cameraPosition) async {
  final items = [
    Item(id: "1", lng: 12, lat: 12, label: "100\$", age: 10),
    Item(id: "2", lng: 12.1, lat: 12.4, label: "140\$", age: 40),
    Item(id: "3", lng: 12.1, lat: 12.4, label: "340\$", age: 15),
    Item(id: "4", lng: 12.1, lat: 12.2, label: "10\$", age: 20),
    Item(id: "5", lng: 12.3, lat: 12, label: "190\$", age: 3),
  ];
  return Future.delayed(const Duration(seconds: 2), () {
    return Pagination(results: items, count: 100);
  });
}