如何将数据从 firebase 应用程序传递到 flutter 中的谷歌 map

Question

I want to send or pass some data from Firebase inside my app into google map
for example I want to send and display some "coordinate" or "itinerary" of a shop

The snippet code below launch google map using url_launcher
I don't know how to do the rest. Any ideas I could use some examples?

    void _openMap() async {
      const url = 'https://www.google.com/maps/search/?api=1&query=52.32,4.917';
      if (await canLaunch(url)) {
        void initState(){
          super.initState();
          canLaunch( "https://maps.google.com/maps/search");
        }

        await launch(url);
      } else {
        throw 'Could not launch $url';
      }
    }

The code below is for creating records inside firebase

    void createRecord(){
  databaseReference.child("1").set({
    'name': 'Macdonald',
    'location': 'New york'
  });
  databaseReference.child("2").set({
    'name': 'burger king',
    'location': 'Mexico'
  });
}

Edit: There is multiple shop with different location (document id) ex: macdonald, burger king...etc

Screenshot example

Answer 1

If your data is in Firebase collection then you have to just fetch the coordinates from your Firestore collection and pass it to the above URL. now fetching the coordinates from your collection can be done by below code first you will fetch all documents and then you will get the field of each document

final QuerySnapshot result =
          await Firestore.instance.collection('YOUR COLLECTION Name').getDocuments();
final List<DocumentSnapshot> documents = result.documents;

documents.forEach((data) {
 var cordinates = doc.data['coordinates'];
});