Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将firebase中的标记添加到网站中的google地图_Javascript_Google Maps_Firebase_Google Maps Markers_Marker - Fatal编程技术网

Javascript 将firebase中的标记添加到网站中的google地图

Javascript 将firebase中的标记添加到网站中的google地图,javascript,google-maps,firebase,google-maps-markers,marker,Javascript,Google Maps,Firebase,Google Maps Markers,Marker,Firebase数据结构: 我需要使用这些latlang在谷歌地图中添加标记 我的代码: 此代码运行时未发生任何事件 这是因为您没有访问必须使用forEach才能获取值的存储箱的子项: var dbRef= firebase.database().ref('bins'); dbRef.on('value', function(snapshot) { snapshot.forEach(function(child) { var childs=child.val();

Firebase数据结构:

我需要使用这些latlang在谷歌地图中添加标记

我的代码:


此代码运行时未发生任何事件

这是因为您没有访问必须使用forEach才能获取值的存储箱的子项:

 var dbRef= firebase.database().ref('bins');
    dbRef.on('value', function(snapshot) {
    snapshot.forEach(function(child) {
    var childs=child.val();
    var marker = new google.maps.Marker({
          position: {lat: childs.lat, lng: childs.lang},
          map: map
          });
       });
   });

这是因为您没有访问必须使用forEach才能获取值的容器的子对象:

 var dbRef= firebase.database().ref('bins');
    dbRef.on('value', function(snapshot) {
    snapshot.forEach(function(child) {
    var childs=child.val();
    var marker = new google.maps.Marker({
          position: {lat: childs.lat, lng: childs.lang},
          map: map
          });
       });
   });
看看这个

在该位置使用parseFloat,因为firebase将数据作为字符串返回

看看这个

在该位置使用parseFloat,因为firebase将数据作为字符串返回


谢谢,我还必须将值更改为child_added dbRef。在'value'上,函数快照谢谢,我还必须将值更改为child_added dbRef。在'value'上,函数快照我必须添加parseFloat。谢谢我不得不加上一个浮点数。谢谢
position: {lat: parseFloat(snap.lat), lng: parseFloat(snap.lang)}