Hello, first of all, thanks for the great plugin and your work on it. I try to pla

Fitting an Image as Watermark on PrintPage about leaflet.browser.print HOT 2 CLOSED

Lauranna commented on September 27, 2024

Fitting an Image as Watermark on PrintPage

from leaflet.browser.print.

Comments (2)

Igor-Vladyka commented on September 27, 2024

Hello.

When doing custom or auto mode tiles could not be loaded during pre-init actions. You can try instead get bounding box in L.BrowserPrint.Event.Print event. Also you can check parameters passed from the even (e.printLayer). Or just get map center and calculate your own bonds based on it.

from leaflet.browser.print.

Lauranna commented on September 27, 2024

Hello Igor,
thank you very much for your reply. I've found a solution that works well for me.
I followed your proposal to calculate my own boundingbox from map center.

`
Here is the code:

	var watermarkOverlay;

	map.on(L.BrowserPrint.Event.PrintInit, function() {

		var overlayCenter = L.latLng(map.getCenter());
		var mapZoom = map.getZoom();
		var pixWidth = 511;
		var pixOffsetX = pixWidth / 2;
		var pixOffsetY = pixOffsetX * 15 / 27;

		var centerPoint = map.project(overlayCenter, mapZoom);
		var latLng1 = map.unproject(L.point([centerPoint.x - pixOffsetX, centerPoint.y + pixOffsetY]), mapZoom);
		var latLng2 = map.unproject(L.point([centerPoint.x + pixOffsetX, centerPoint.y - pixOffsetY]), mapZoom);
		var overlayBounds = L.latLngBounds(latLng1, latLng2);

		watermarkOverlay = L.imageOverlay("images/WasserzeichenNeu.png", overlayBounds, {
			opacity: 0.5
		}); 
		watermarkOverlay.addTo(map);
	});

	map.on(L.BrowserPrint.Event.PrintEnd, function() {
		watermarkOverlay.removeFrom(map);
		map.closePopup();
	});

Greetings,
Anna

from leaflet.browser.print.

Recommend Projects