How to get the timestamp for the given slider event so that I can show the weather?

[maddan]

Hi, I'm using Leaflet framework. For weather data, I'm using Open Weather Map api. However, for the slider I'm using nowCoast (NOAA). I'm using the Leaflet.TimeDimension and while dragging the slider, I have to update the marker metadata in my map. How do I do that? Did I miss any important documentation? Please help.

Here's my Leaflet map instance:

var map = L.map('map', {
                layers: [osmMap], // only add one!
                fullscreenControl: true,    // Fullscreen map
                timeDimension: true,
                timeDimensionControl: true,
                timeDimensionOptions:{
                    //timeInterval: "PT4H/" + endDate.toISOString(),
                    timeInterval: "2019-05-16/2019-05-20",
                    period: "PT4M",
                    currentTime: endDate
                },    

                timeDimensionControlOptions: {
                    autoPlay: false,
                    playerOptions: {
                        buffer: 10,
                        transitionTime: 250,
                        loop: true,
                    }
                },
            })
            .setView([latVal, lngVal], 10);

Based on where the user slides, I need to update my marker (weather data) as I slide the slider given that timestamp.

[DrPDash]

If I understood your question correctly, you need to extract the exact time on the display bar?

It's a simple need, intuitively, but made me ponder over it for a few days. The timeDimension is super attractive but anything slightly out of the ordinary comes with a price.

Anyways, try the following: (1) use the moment js lib for formatting purposes You may find on CDN or drop me an email cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js

(2) extract/format the date as suited to your needs: map.timeDimension.on('timeload', function (data) { var nowTime = map.timeDimension.getCurrentTime(); var tzoffset = (new Date()).getTimezoneOffset() * 60000; var localISOTime = (new Date(new Date(nowTime) - tzoffset)).toISOString().slice(0, -1); _this_YYYY_MM_DD_stamp = moment(localISOTime).format(returnDateFormat_YYYY_MM_DD_dataFetch);}, this);

BTW, I am also conceptualizing an Ocean Viewer for NOAA.

Hope this helps.

[maddan]

You are right! It looks great to use it but really hard to customize it. Let me try your suggestion. Thanks!