Как сделать снимок экрана карты Leaflet/OpenStreetMap, которая больше экрана?

Question

Мне нужно приблизиться очень близко к карте, созданной с помощью Leaflet и OpenStreetMap, а затем сделать снимок экрана с картой, которая включает и выходит за пределы той части карты, которая появляется на моем экране.

Я знаю, что могу использовать Google Map Saver, чтобы сделать это с картой Google, но я не знаю, как это сделать с картой Leaflet/OpenStreetMap. Есть идеи?

Answer 1

Если веб-страница была разработана правильно, вы можете просто использовать функцию уменьшения 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;
}

затем отметьте увеличение и уменьшение масштаба в пользовательском интерфейсе листовки, чтобы использовать функции масштабирования в браузерах.