Como tirar um screenshot de um mapa do Leaflet / OpenStreetMap que é maior que a tela?

Question

Preciso aumentar o zoom muito perto de um mapa projetado com o Leaflet e o OpenStreetMap e, em seguida, tirar uma captura de tela do mapa inclui e se estende além da parte do mapa que aparece na minha tela.

Sei que posso usar o Google Map Saver para fazer isso com um mapa do Google, mas não aceito. Não sei como fazer isso com um mapa Leaflet / OpenStreetMap. Alguma idéia?

    

Answer 1

Se a página da Web foi criada corretamente, você pode usar o recurso de zoom do Chrome ou do Firefox e, em seguida, fazer uma captura de tela no navegador, registrando todos os pixels renderizados não apenas na tela. Infelizmente, isso não vai ajudá-lo, mesmo se você usou alguma outra ferramenta sem editar a própria página.

Você pode testar que isso não é culpa do OSM indo aqui: link e usando Ctrl + - e vendo que mais campo de a visualização é renderizada ao diminuir o zoom. E quando olhar para o Leaflet aqui: link ele também se comportará dessa maneira.

Por isso, você precisará cortá-lo para fazer o que quiser. Use o editor de estilo de navegadores da web e adicione o seguinte:

html, body {
    height: 100%;
}
#main_map {
    height: 100vw;
    width: 64.64vw;
}

Em seguida, marque o zoom na interface do folheto e, em seguida, use os recursos de zoom do navegador.