Use leaflet with with custom floormap

[rob-vandam]

I took me a while to figure out how. Perhaps an idea to add this option to the docs?
I have a jpg image of a floormap with size in px: 3673x2781

My settings.py:

LEAFLET_CONFIG = {
    'TILES': [],
    'LAYERS':[],
    'SPATIAL_EXTENT': (0, 0, 3673,2781)
}

templates/shared/leaflet_widget_overlays.js:

<script type="text/javascript">
  window.addEventListener("map:init", function (event) {
    var map = event.detail.map; // Get reference to map
    map.options.crs = L.CRS.Simple;
    map.options.minZoom = -2;
    var bounds = [[0,0], [2781,3673]];
    var image = L.imageOverlay('/static/plattegrond.jpg', bounds).addTo(map);
    map.fitBounds(bounds);
    
});
</script>

[eowusu14]

I'm facing this issue. I have added a png of a map as a tile but is it is grided.
Django version is 3.2

Kindly help me resolve it. Thank you

@rob-vandam