首页 > 解决方案 > 如何在map api javascript中实时跟踪从firebase创建的标记

问题描述

我可以显示从 firebase 的 lat 和 lon 值创建的标记,但除非我重新加载页面,否则它们不会更改当前位置,我需要知道如何在不重新加载页面的情况下实时跟踪创建的标记,所以这是从firebase获取和创建标记的代码,它不是所有的代码,但我认为它是我需要展示的全部。

firebase.database().ref('reference').once('value',(data)=>{
                    data.forEach(function(snapshot){
                        var newPost = snapshot.val();
                        var NLat = parseFloat(newPost.Latitud);
                        var NLon = parseFloat(newPost.Longitud);
                        var ubicacion = new google.maps.LatLng(NLat, NLon);
                        marker = new google.maps.Marker({
                            map: map,
                            position: myLatlng,
                            draggable: true
                        });

                        marker2 = new google.maps.Marker({
                            map: map,
                            icon: 'icon.png',
                            position: locat,
                            draggable: true,
                            labelAnchor: new google.maps.Point(10, 10), 
                            labelClass: "label" 
                        });
                        marker2.addListener('click', function() {
                            infowindow.open(map, marker2);
                        });

                    });
                });


            }

标签: javascriptgoogle-mapsfirebase-realtime-databasegoogle-maps-markers

解决方案


推荐阅读