从 Firebase 获取纬度/纬度位置列表后,我可以为最后一个用户添加一个标记,但我想添加所有标记,来自所有用户。
从火力基地取来的Lat Lng
$(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
});
});
});
您正在为每个位置创建一个新的地图实例,这就是为什么您只看到最后一个标记,它已添加到新地图中。
只需将地图创建移动到侦听器之外,如下所示:
$(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
});
});
});