How to take screenshot of a Google map using JavaScript or jQuery?

Question

I want to take a 'screenshot' of a google map in my html file using JavaScript.

The map is currently loading in div tags, so I am not able to get image using this <div> tag.

But if I can load it in canvas <canvas> then I can take a screenshot of it very easily, can anybody tell me solution for this problem - that is, how can I load a google map in canvas.

Or is there any alternative solution for this?

Answer 1

为什么不只使用Google Maps Image API ？

Answer 2

You can try using one of those scripts:

• html2canvas http://html2canvas.hertzen.com/
• jsFeedback http://experiments.hertzen.com/jsfeedback/

Credits to How to take the screenshot of part of Google Maps use JavaScript