javascript - 如何在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);
});
});
});
}
解决方案
推荐阅读
- android - FFmpeg将图像水印添加到视频过程中非常慢
- gcc - 如何使用 distcc 仅远程预处理和编译所有内容?
- swift - Swift - 自定义文本输入视图
- javascript - 在本机反应中在哪里调用 addListener
- javascript - 记忆 lodash isEqual 或比较道具对象
- mysql - 您可以在 laravel 的原始查询中运行子选择查询吗?如果是的话,我哪里错了?这是我的查询
- python - 在模型序列化程序中上传文件时如何修复“太多值无法解包”值错误
- sql - 如何在 Postresql 中使用列组和谓词创建约束“排除”或“唯一”?
- c++ - 使用 QOpenGLFramebufferObject 时深度测试不起作用
- android - 如何以编程方式翻译 Drawable Gradient?