<object type="image/svg+xml" data="mapit4.svg" id="svgObject"></object>
...
<script>
       // Initialize the map
        var map = L.map('map', {
            zoomDelta: 0.5,
            renderer: L.canvas(),
            doubleClickZoom: false
        }).setView([0, 0], 5); // Set initial view (lat, lng), zoom level

        //Create an SVG element
        var svgElementBounds = [[-720, -480], [720, 480]]; // Set bounds as [[lat1, lng1], [lat2, lng2]] or [[y1, x1], [y2, x2]]
        var svgObject = document.getElementById('svgObject');
        // Add the SVG overlay to the map
        L.svgOverlay(svgObject, svgElementBounds).addTo(map);
        

        map.setMaxBounds([
            [-720, -480],
            [720, 480]
        ]);

        map.setMaxZoom(10); // Set maximum zoom level to 15
        map.setMinZoom(2); // Set minimum zoom level to 5
</script>