Como tirar o screenshot de parte do Google Maps use JavaScript - javascript, google-maps, canvas

Na minha página, há um contêiner que usa o GoogleAPI do Google Maps para exibir um mapa, há um botão abaixo dele, o usuário pode arrastar o mapa para uma posição e clicar no botão "Gostaria de tirar a captura de tela do mapa exibido no contêiner agora e mostrá-lo em uma tela É possível fazer isso com JavaScript puro?

Só precisa apoiar o Chrome

Respostas:

Vai ser difícil fazer sem suporte ao navegador. Mas você pode usar a API do Google Static Maps: https://developers.google.com/maps/documentation/staticmaps/

Exemplo: https://developers.google.com/maps/documentation/staticmaps/#quick_example

Existem alguns projetos para desenhar HTML DOM para a tela:

• HTML2Canvas: http://html2canvas.hertzen.com/index.html
• jsFeedback: http://hertzen.com/experiments/jsfeedback/

Você também pode integrar o javascript com alguma solução do lado do servidor (usando o webkit), por exemplo phantomjs

Exemplo de código: (leia mais Aqui)

var page = require("webpage").create();

page.open("http://www.google.com", function() {

page.viewportSize = {width: 1024, height: 768};
page.render("screenshot.png");
phantom.exit();
});

Se você precisa apenas de uma solução chrome para uma faixa específica de usuários, você pode escrever sua própria extensão chrome para fazer isso: Captura de tela usando javascript para extensões de cromo