在Leaflet.js中，可以使用L.ImageOverlay类来创建一个保持纵横比并定义中心点的图像覆盖物。下面是一个示例代码：

// 创建地图
var map = L.map('map').setView([51.505, -0.09], 13);

// 定义图像覆盖物的URL和边界坐标
var imageUrl = 'path/to/image.jpg',
    imageBounds = [[51.49, -0.08], [51.51, -0.06]];

// 创建图像覆盖物
var imageOverlay = L.imageOverlay(imageUrl, imageBounds).addTo(map);

// 定义图像覆盖物的原始宽度和高度
var imageWidth = imageBounds[1][0] - imageBounds[0][0],
    imageHeight = imageBounds[1][1] - imageBounds[0][1];

// 计算图像覆盖物的中心点
var centerLat = imageBounds[0][0] + (imageWidth / 2),
    centerLng = imageBounds[0][1] + (imageHeight / 2);

// 将地图中心点设置为图像覆盖物的中心点
map.setView([centerLat, centerLng], 13);

// 调整地图视图以适应图像覆盖物的大小
map.fitBounds(imageBounds);

在上面的代码中，首先创建了一个Leaflet地图，并设置了初始视图。然后，定义了图像覆盖物的URL和边界坐标，并使用L.imageOverlay类创建了图像覆盖物，并将其添加到地图中。

接下来，通过计算图像覆盖物的原始宽度和高度，以及中心点的经纬度，将地图的中心点设置为图像覆盖物的中心点。最后，使用map.fitBounds方法调整地图视图，以适应图像覆盖物的大小。

请注意，这只是一个示例代码，你需要根据你的实际需求来修改图像覆盖物的URL、边界坐标以及地图的初始视图和缩放级别等参数。