将标记从数据库 firebase 实时移动到 mapbox

Question

我想根据实时数据库 firebase 移动标记，例如跟踪用户。当数据库更新位置时，mapbox 会更新位置标记。我的网站有问题，当 javascript 从数据库中获取位置时，标记会更新，但标记会重复，不会删除以前的数据。所以请帮我删除以前的数据并只显示更新标记。 The code is given below The result of code

Answer 1

您每次都在创建一个新标记。相反，您可以将每个 TeamLeader 名称和相应的标记存储在 json 对象中，然后更新它们的坐标。 您需要创建一个 json 对象（示例中称为 teamLeaderMarkers），并存储团队负责人姓名（示例中为 teamLeaderName。

然后在 setInterval 的回调函数中，你会有这样的东西：

if (teamLeaderMarkers.hasOwnProperty(teamLeaderName)){
    teamLeaderMarkers[teamLeaderName].setLngLat([long,lat]);
} else{
    let marker = new mapboxgl.Marker(el);
     marker.setLngLat([long,lat])
     marker.addTo(map);
    teamLeaderMarkers[teamLeaderName] = marker;
}