Изображение базы данных Firebase.

Это моя база данных Firebase. Данные представлены изображениями с тегами геолокации. Я хочу, чтобы на моем веб-сайте отображалось место, где была сделана каждая фотография, на Google Maps с помощью Google Map API.
Я провел небольшое исследование, и похоже, что единственное, что Firebase имеет в связи с этим, - это создание тепловых карт. Я попытался пройти через это, и вот что я смог придумать:
var map, infoWindow, db;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 6
});
infoWindow = new google.maps.InfoWindow;
// Try HTML5 geolocation.
db =firebase.firestore();
// if (navigator.geolocation)
if (db.collection("signs").where("type", "= = ", 'geopoint')) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
infoWindow.setPosition(pos);
infoWindow.setContent('Location found.');
infoWindow.open(map);
map.setCenter(pos);
}, function() {
handleLocationError(true, infoWindow, map.getCenter());
});
} else {
// Browser doesn't support Geolocation
handleLocationError(false, infoWindow, map.getCenter());
}
}
function handleLocationError(browserHasGeolocation, infoWindow, pos) {
infoWindow.setPosition(pos);
infoWindow.setContent(browserHasGeolocation ?
'Error: The Geolocation service failed.' :
'Error: Your browser doesn\'t support geolocation.');
infoWindow.open(map);
}
</script>
<script async defer
src = "https://maps.googleapis.com/maps/api/js?key=APIKEY&callback=initMap">
</script>



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


связанный вопрос: Как отобразить координаты нескольких маркеров, хранящиеся в базе данных Firebase, на Google Maps