Improvement of StaticImage example.

The example for static images uses extent which it gains from previous knowledge, that is, it is hard coded, the extent should be determined from the image. I imagine most will be dynamically loading images and not know the extent in advance. https://openlayers.org/en/latest/examples/static-image.html (in looking for a solution, I found another example with the same problem: https://openlayers.org/en/master/examples/zoomify.html)

Describe the solution you’d like

Rewrite the example code to determine the extent and then use that extent to define the projection and layer.

Thank you for these tutorials. Hopefully I’ll figure this out and post the change.

[mike-000]

The image is loaded asynchronously, and only when required for the map

docSource.on('imageloadend', function(event) {
  console.log(event.image.getImage().width);
  console.log(event.image.getImage().height);
});

To get the size before using it in the map you would need to preload the url into a JavaScript Image object and wait for the load event.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.