Создание нескольких маркеров карты с использованием react-native-maps и извлечением координат из Firebase

Question

Я сейчас занимаюсь небольшим выставочным проектом и пытаюсь найти способ заполнить карту маркерами из нашей базы данных firebase. Это наша база данных.

Я планировал перебирать каждый документ в коллекции, создавать маркер, назначать значения базы данных полю координат, а затем помещать его в массив маркеров, чтобы поместить в функция рендеринга. Как мне go об этом? Я попытался просмотреть документацию по firebase и использовать итерацию по всем документам, которые они предоставили здесь:

firebase.firestore().collection("pins").get().then(function(querySnapshot) {
  querySnapshot.forEach(function(doc) {
    createMarkers(doc.color,doc.title,doc.latitude,doc.longitude)
    console.log(doc.id, " => ", doc.data());
  });
});

, затем с помощью этого фрагмента, который я нашел в учебнике

  createMarkers(color,title,latitude,longitude) {
    const {users} = this.state;

    return users.map(users => {

      return (
        <Marker
          key={id}

          coordinate={{
            latitude: {latitude},
            longitude: {longitude},
          }}
          pinColor={color}
          title={title}
        />
      );
    });
  }

Но он не отображается любые маркеры.

Я по-прежнему использую react-native и firebase, извините, если я неправильно понимаю код.

Спасибо