One of the underused options in Maplibre and MapBox is the video overlay, which permits builders to show a video on prime of a base map layer.
The Hailou AI Video Generator at the moment has a trial that permits you to create limitless movies from a beginning and ending picture. I made a decision to utilize this supply to create an animated sea monster. First I requested Gemini to create two pictures of the identical kraken monster with its tentacles in several positions.
I then requested Hailuo to create an animated Kraken sea monster ranging from one picture and ending with the opposite. The result’s a brief video of a kraken waving its tentacles.
You possibly can see this sea monster on my Animated Seamonster map. To put the kraken video on the map, MapLibre makes use of a video supply and an identical raster layer. You provide the video file (for instance, kraken.mp4) and outline 4 geographic coordinates that mark its corners on the globe. MapLibre stretches the video between these factors so it seems as a part of the map, following the identical panning and zooming conduct as different layers. By adjusting the bounding field, you’ll be able to place the animation wherever – on this case, above the ocean.
Observant customers would possibly discover that the background shade of the video doesn’t fairly match the colour of the ocean. I tried to alter the background shade of the OpenFreeMap base layer in Maputnik. As you’ll be able to see I appear to have given Maputnik the fallacious shade.
