Javascript 通过时间滑块在传单地图中显示模型输出图像

我基本上不熟悉传单。我想通过时间滑块在传单中显示我的模型输出图像，该滑块将每1小时显示一次图像

我可以使用ImageOverlay在传单中显示图像。下面是显示图像的代码

var imageUrl = "<?php echo base_url(); ?>/stylesheet/images/flash_count_1.png",
        imageBounds = [[-51, 0], [51,180]];

    L.imageOverlay(imageUrl, imageBounds).setOpacity(0.5).addTo(Lmap);

    Lmap.setMaxBounds(imageBounds);

现在我想要的是用时间滑块与这些图像交互。因此，如果时间滑块具有2019-06-25T16:00:00.000Z（下午4点[IST]），那么我将显示下午4点的图像。如果时间是2019-06-25T17:00:00.000Z（下午5点[IST]），那么我想显示下午5点的图像，以此类推。我想做10天

我已经附上了我的模型输出和时间滑块的3个图像，我在这里使用输入图像描述仅供参考

2019年06月21日05月00日 2019_06_21_04_00_00 2019_06_21_06_00_00

---

下面是我使用的时间滑块链接

您必须将imageOverlay保存在一个变量中，以便以后删除它并添加另一个，下面是一个简单的代码：

var imgOvr=null; //global variable

然后：

...
imgOvr = L.imageOverlay(imageUrl, imageBounds).setOpacity(0.5).addTo(Lmap);
...

删除

if (map.hasLayer(imgOvr)) {
    map.removLayer(imgOvr);
// replace with new image :
// imgOvr = L.imageOverlay(imageUrl, imageBounds).setOpacity(0.5).addTo(Lmap);

---

你有什么问题？？？@nAviD我想根据时间滑块显示图像。例如：如果我有凌晨1点、凌晨2点和凌晨3点的a、b和c图像，那么当时间滑块到凌晨1点时，显示a图像，到凌晨2点时，显示b图像等等。您好，您找到解决方案了吗？@LeoPessanha是的，我找到了。我理解这一点，但如何根据时间滑块将这两个图像进行集成

if (map.hasLayer(imgOvr)) {
    map.removLayer(imgOvr);
// replace with new image :
// imgOvr = L.imageOverlay(imageUrl, imageBounds).setOpacity(0.5).addTo(Lmap);