[GIS] Overlay single, non georeferenced image in Leaflet

georeferencingleafletoverlay

I'm wondering whether it would be possible to somehow overlay a 3rd party, changing non-georeferenced image such as:

enter image description here

If the image was static, I'd use mapwarper.net. But it's not. So is there a way to add coordinates to the image's corners, then bend it on the fly, allowing it to be overlaid?

UPDATE

Confirming that ImageOverlay works:

enter image description here

Best Answer

Because of the way the BoM appears to produce those images, the "content" will always be in the same locations in geographic space, and in the same location in pixel space.

So you should be able to use a Leaflet JS image overlay, specifying whatever turns out to be the equivalent of the outer bounds of the source PNG for the imageBounds argument.

An alternative would be to pre-process the image yourself (perhaps to remove the collar), but I'm pretty confident you'd need more than Leaflet for that - gdal_warp or similar. That is the direction I'm heading, because I want to serve this type of image as time/elevation data from GeoServer.

Related Question