Help needed with ImageOverlay

[jsa91]

Hello,

I'm trying to fit a static .png image over Sweden using the ImageOverlay function. The reason for this is that I'm using the generated HTML file on an offline client. My goal is to take a static OpenStreetMap layer, export it as a .png, and then fit it within the borders of the attached GeoJSON file sweden.geojson (attatched as sweden.json).

sweden.json

I've tried using the "bounds" properties, but I'm struggling to scale the .png correctly to match the GeoJSON borders. Could someone provide an example to help me with this?

from offline_folium import offline
import folium

map = folium.Map(location=[62.8908901, 14.7062431], zoom_start=6, tiles='OpenStreetMap')

bordersStyle = {
    'color': 'green',
    'weight': 2,
    'fillColor': 'blue',
    'fillOpacity': 0.2
}

folium.GeoJson(
    data=(open("sweden.geojson", 'r').read()),
    name="Sweden",
    style_function=lambda x: bordersStyle
).add_to(map)

folium.raster_layers.ImageOverlay(
    name="static map",
    image="static_map.png",
    bounds=[[120, -60], [-60, 120]],
    opacity=0.6,
    interactive=True,
    cross_origin=False,
    zindex=1,
).add_to(map)

folium.LayerControl().add_to(map)

map.save("map.html")
map