Loading A Current NOAA GOES-18 Satellite Image on a Page in Squarespace
I need to embed the current NOAA GOES-18 Weather Satellite Image onto a web page on the Squarespace platform.
Here is the web page at NOAA where they serve the images for Alaska:
https://www.star.nesdis.noaa.gov/goes/sector.php?sat=G18§or=cak
On that page, NOAA provides a link to the current image file, but the date and time constantly changes as new data comes down from space every 10 minutes.
For example, here is the current image as of the day/time of this post. I need to figure out a way to have an image link that dynamically changes to the current image that somehow auto-populates the below date/time portion of the URL (....20230592100...) which shows the "day # of the year" (059 for Feb 28th) and then the time in Zulu.
I suspect the way to do this would be via a combination of JavaScript and HTML but I would appreciate someone pointing me in the right direction. Thanks.
Tried some rudimentary HTML and JavvaScript code but got nowhere.
Read these as well: Refresh image with a new one at the same url Auto refresh images in HTML
I am a beginner at HTML and JavaScript.
When you remove the image name from the URL, you get to the folder with the images. There seem to be direct links available:
2400x2400.jpg 28-Feb-2023 22:49 1609773
300x300.jpg 28-Feb-2023 22:49 50795
600x600.jpg 28-Feb-2023 22:49 156535
GOES18-CAK-GEOCOLOR-600x600.gif 28-Feb-2023 22:36 10207340
latest.jpg 28-Feb-2023 22:49 1609773
So you can just load https://cdn.star.nesdis.noaa.gov/GOES18/ABI/SECTOR/cak/GEOCOLOR/latest.jpg
Here is the current image in a smaller resolution:
- How to fix Lambda function timeout when interacting with DynamoDB using AWS SDK v3 in Node.js?
- Count of duplicate console.log() resets when called from a different element
- createStore is @deprecated so im trying to replace with configurationStore
- finding a point and its angle on a cubic Bezier curve in JavaScript
- Count cell values only if another condition is met
- Understanding unique keys for array children in React.js
- What are the requirements for audio output in Chrome on Android?
- How to submit an ASP.NET Core Razor Pages form without reloading the page
- How do I fix CORS issue in Fetch API
- Why isn't it good non-compile scripting languages to use for intensive calculations?
- Send Sendgrid Email Without Subject
- How to remove required to an element using jQuery?
- How to format numbers as currency strings
- Trouble using require(); Needing to convert JS file to ES module
- I keep getting Exception: Invalid argument: replacement on a google Apps Script
- Append element as sibling after element?
- Why doesn't npm update install the latest nodemon version?
- Ellipsis in the middle of a text (Mac style)
- Finding all elements with a scroll
- How to get the mouse position relative to the window viewport in javascript?
- jQuery on click to check if it has a div with a certain class and then change the value of a different class
- Firebase deploy error: Neither apiKey nor config.authenticator provided (using Stripe)
- Detecting which input is focused React hooks
- How can I find out if a javascript iterator terminates early?
- Vuetify3 autocomplete with per-item tooltips not clickable
- Renaming Function Parameters with Babel Without Changing Other Identical Identifiers
- How to find npm duplicate packages?
- Color gradient as style on marker
- How to fill the whole canvas with specific color?
- Change onclick action with a Javascript function