payper map overlay

Bozdoz wrote a documentation.

What I want to know is how to find the southwest and northeast coordinates in order to specify the bounds of the paper map image.
[leaflet-image-overlay src=”https://www.geotv1.com/wp-content/uploads/2024/04/April_2024_Esfahan_S300_Attack_4.18_v1.png” bounds=”32.7798,32.7798;32.7834,51.8219“]

The bounds are “coordinates for south-west, and north-east coordinates”, e.g.: bounds="32.7798,32.7798;38.7834,51.8219". (You should it make more correctly.)

I checked the coordinates and the coordinates of the four corners of the paper map are as follows:
upper-left corner 32.783441117802,51.8150854110718
lower-left corner 32.7799142354845,51.8152356147766
upper-right corner 32.7801126827029,51.8217802047729
lower-right corner 32.7836485771136,51.8216300010681

And the short code is as follows.
[leaflet-map lat=32.78159 lng=51.8179 zoom=20 fitbounds dragging scrollwheel]
[layerswitch]
[leaflet-image-overlay src=”https://www.geotv1.com/wp-content/uploads/2024/04/April_2024_Esfahan_S300_Attack_Figure_1-topaz-enhance-3x-scaled.jpeg” bounds=”32.783441117802,32.7799142354845;51.8217802047729,51.8216300010681″ opacity=0.5]
[hover tolerance=1]
[fullscreen]
[zoomhomemap]

However, the result does not appear exactly like the linked page. The coordinates of the four corners seem to be correct, but did I specify the bound incorrectly? Please help me.

https://www.geotv1.com/elementor-7187/

You are mistaking upper right and lower right:

[leaflet-map height=500px width=100% fitbounds]
[leaflet-image-overlay src=/path/to/April_2024_Esfahan_S300_Attack_4.18_v1.png bounds="32.7799142354845,51.8152356147766;32.7836485771136,51.8216300010681"]
[leaflet-marker lat=32.783441117802 lng=51.8150854110718]upper-left[/leaflet-marker]
[leaflet-marker lat=32.7799142354845 lng=51.8152356147766]lower-left [/leaflet-marker]
[leaflet-marker lat=32.7801126827029 lng=51.8217802047729]lower-right[/leaflet-marker]
[leaflet-marker lat=32.7836485771136 lng=51.8216300010681]upper-right[/leaflet-marker]

I am always grateful for your efforts in always providing answers. The location of the map is slightly rotated, but I think this will be resolved by changing it to the correct coordinates. I want to add two things here. One is that I want to put a selection button on the right so that this layer is visible when selected, and when I click again, I want to make it invisible. I also want to be able to adjust the transparency. I’d like to hear your advice on this solution.

https://www.geotv1.com/elementor-7187/

https://leafext.de/extra/imageoverlay/

The algorithms were already available, it just took a little copy and paste and diligence.

I really appreciate your help. Everything works as I want.