Doesn't work with image overlays

[vondermanzen]

I tried to measure a wall, unfortunately, the lines are displayed outside the map and not where I clicked

This is how I create my map

var map = L.map('map', {
crs: L.CRS.Simple,
attributionControl: false,
noWrap: true,
continuousWorld: true, 
minZoom: -5,
zoomDelta: 0.2,
zoomSnap: 0.2,
wheelPxPerZoomLevel: 300
});

// Add a custom .bmp image layer
var imageBounds = [[0, 0], [size.height, size.width]];
L.imageOverlay(imageUrl, imageBounds, {
noWrap: true,
continuousWorld: true
}).addTo(map);

// Fit the bounds to the image size
map.fitBounds(imageBounds);
map.setZoom(0); 



options = {
position: 'topleft',            // Position to show the control. Values: 'topright', 'topleft', 'bottomright', 'bottomleft'
};

L.control.polylineMeasure(options).addTo(map);

[dankarran]

I think for this to work with overlays you'd need to set the bounds to proper geographic coordinates.

L.imageOverlay expects a LatLngBounds object to be passed in, but you're just passing in the pixel size of the image in your imageBounds variable.

Once Leaflet knows how to place your image then you should be able to measure off it.