用过Leaflet和Geojson的大神请进

Z.Chen 2020-02-19 04:29:59
在做一个fly tracker 的作业,用了leaflet API和geojson。用fetch获取了飞行位置的数据。

作业要求每隔7秒刷re-fetch,请问这个怎么实现啊?告诉我思路或者提示我用什么方法就行。谢谢~
我能想到的就是用Leaflet里的layer.remove();但是如何过7秒再次addTo(map)呢?逻辑上有点乱。。。

不能使用 setInterval(function(),7000),因为每次fetch后加载data的时间不确定也不相同(加载时间很慢,就是说:页面上出现飞机的时间要比较久,一般大于7秒).用setInterval的话,很可能第一次加载还没有完成7秒就过去了,又再次fetch就会出现错误。
需要一种方法,在第n次加载完成后,过7秒,清理掉所有数据,再进行第n+1次fetch,然后加载进HTML。


最终效果就是看到飞机在一点点移动。



...全文
359 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
Z.Chen 2020-02-19
  • 打赏
  • 举报
回复
补充下:第二次fetch之前还需要清除第一次fetch来的data。。。

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧