0

I want to achieve a similar thing as Google did with Google Maps. If you print their maps, it respects your screen and you practically get the same thing printed and in the same aspect ratio as you have on your screen. When you print a barebone leaflet map it only prints what fits on the paper. Let me explain this with an example:

I have a widescreen monitor but when I press print it gets displayed like this: enter image description here

Instead of this: enter image description here

For this, I used just a plain full-page leaflet map: https://stackblitz.com/edit/web-platform-2wbtdx?file=index.html

Honestly, I don't know where to start. I tried to solve it with plain CSS, but I'm not sure if it's possible.

Runtime Terror
  • 6,242
  • 11
  • 50
  • 90
  • Check https://stackoverflow.com/questions/14010477/get-native-screen-resolution-using-jquery and then of course make the image the width and height you get!? – Webdeveloper_Jelle Sep 07 '22 at 14:52

0 Answers0