Отображение информации на маркере Google Maps

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

Это моя база

Отображение информации на маркере Google Maps

Это мой маркер на карте

Отображение информации на маркере Google Maps

Прямо сейчас он открывается и показывает текущее местоположение пользователей, а также синхронизирует широту и долготу координат с базой данных firebase в реальном времени с помощью Geofire.

Теперь я могу получать информацию из firebase и отображать ее на карте, но если я добавлю еще одного пользователя, информация останется прежней. Почему?

Это код, который у меня есть на данный момент:

// This Function will  add/display that marker on the map
function AddDriver(data) {


  var LatLng = new 
    google.maps.LatLng(parseFloat(data.val().lat),parseFloat(data.val().lng 
    ));
  var bounds = new google.maps.LatLngBounds();

  var marker = new google.maps.Marker({
    //title:service,
    position:LatLng,
    map: map
  });



  // Attach it to the marker we've just added
  google.maps.event.addListener(marker, 'click', function() {
    getData();
  });

  markers[data.key] = marker; // add marker in the markers 
  array...
    document.getElementById("loc").innerHTML = loc_count;


  function getData(){
    var locationsRef = 
      firebase.database().ref('Locations/oEyL4QXg1XYAABIBGPvqYbzlNiv2');

    console.info(locationsRef);
    locationsRef.once('value', function(snapshot) {
      snapshot.forEach(function(childSnapshot) {
        var childKey = childSnapshot.key;
        var childData = childSnapshot.val();
        console.info(childData);
        var contentString = childData;
        var infowindow = new google.maps.InfoWindow({
          content: contentString
        });
        infowindow.open(map,marker);

      });
    });
  }

}
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
316
1

Ответы 1

Согласно Документ Firebase

вы используете locationsRef.once, который уведомит вас об изменении данных только один раз

Я думаю, вам нужно использовать что-то вроде ValueEventListener, которое уведомит вас, когда произойдут какие-либо изменения в вашем снимке

Другие вопросы по теме