添加从 Firebase 数据库获取的所有标记

Question

从 Firebase 获取纬度/经度位置列表后，我可以为最后一个用户添加一个标记，但我想从所有获取的用户中添加所有标记。

Lat Lng fetched from firebase

$(document).ready(function(){
  var rootRef = firebase.database().ref().child("driversAvailable");
  rootRef.on("child_added",snap=>{
    var lat = snap.child("l").child("0").val();
    var lng = snap.child("l").child("1").val();
    console.log(name,phone);

    $('ol').append( '<li>' + lat +" : " + lng + '</li>' );

    var uluru = {lat: lat, lng: lng};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 15,
      center: karachi
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map
    });
  });
});

Answer 1

您正在为每个位置创建一个新的地图实例，这就是为什么您只看到最后一个标记，它被添加到新地图中。

只需将地图创建移到侦听器之外，如下所示：

$(document).ready(function(){
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 15,
        center: karachi
    });
    var rootRef = firebase.database().ref().child("driversAvailable");
    rootRef.on("child_added",snap=>{
        var lat = snap.child("l").child("0").val();
        var lng = snap.child("l").child("1").val();
        console.log(name,phone);

        $('ol').append( '<li>' + lat +" : " + lng + '</li>' );

        var uluru = {lat: lat, lng: lng};
        var marker = new google.maps.Marker({
            position: uluru,
            map: map
        });
    });
});