Блог

Как я могу хранить данные firebase, чтобы использовать их для маркеров на карте Google?

 late CollectionReference vendorLocCollection =  
FirebaseFirestore.instance.collection('vendorlocations');
late List vendors = [];

Future <void> populateVendors() async {

    Map<dynamic, dynamic> marker = <MarkerId, Marker> {};  //from dynamic in snapshot to marker

    final _vendorSnapshots = await vendorLocCollection.snapshots();

    _vendorSnapshots.listen((result) {
                                      result.docs.forEach((result) {  //how do i extract the result so i can use
                                                                      // it as marker? :
                                                                    vendors.add(result.data());
                                                                    print(vendors);

                                                                   });
                                      });
  }
 

Анализ результатов снимков firebase и размещение маркеров на картах Google-это две разные вещи.

Шаг 1: Сериализация данных

Поскольку мы получаем данные в формате JSON, мы сначала меняем их на типы данных dart. Мы можем использовать что-то вроде этого.

 class VendorLocations {
  String uid;
  double latitude;
  double longitude;

  VendorLocations(this.uid, this.latitude, this.longitude);

}

...

vendors = (result.data() as List)
          .map((e) {
             return VendorLocations(e['uid'], e['latitude'], e['longitude']);
           })
          .toList();

 

Шаг 2: Поместите маркер на карту Google

Создайте объекты-маркеры из vendors списка.

 final markerId = vendors[0].uid; /// or something else

final Marker m = Marker(
  markerId: markerId,
  position: LatLng(
    vendors[0].latitude,
    vendors[0].longitude,
  ),
  /// specify other parameters as needed
);

marker[markerId] = m;

// update UI

 

Это создает новый маркер. Все маркеры можно добавить, выполнив приведенный выше фрагмент кода в цикле.

Ссылка : google_maps_flutter