Если веб-страница была разработана правильно, вы можете просто использовать функцию уменьшения Chrome или Firefox, а затем сделать снимок экрана в браузере, который будет записывать все пиксели, отображаемые не только на экране. К сожалению, это не поможет вам, даже если вы использовали какой-либо другой инструмент без редактирования самой страницы.
Вы можете проверить, что это не ошибка OSM, зайдя сюда: http://www.openstreetmap.org/ и используя Ctrl+- и увидев, что при уменьшении отображается больше поля зрения. И, глядя на Leaflet здесь: http://leafletjs.com/examples/mobile/example.html, он также ведет себя так.
Для этого вам нужно будет взломать его, чтобы делать то, что вы хотите. Используйте свой редактор стилей веб-браузера и добавьте следующее:
html, body {
height: 100%;
}
#main_map {
height: 100vw;
width: 64.64vw;
}
затем отметьте увеличение и уменьшение масштаба в пользовательском интерфейсе листовки, чтобы использовать функции масштабирования в браузерах.