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?
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?
Share Improve this question edited Jul 26, 2013 at 9:52 Rutwick Gangurde 4,92212 gold badges55 silver badges89 bronze badges asked Jul 26, 2013 at 9:18 Jayeshkumar SojitraJayeshkumar Sojitra 2,5215 gold badges33 silver badges44 bronze badges 2- possible duplicate of How to take the screenshot of part of Google Maps use JavaScript – Álvaro González Commented Jul 26, 2013 at 10:14
- Were you able to take screenshot using HTML2canvas of a map? if so, please tell how did you do it. – Faizan Commented Jan 15, 2015 at 15:32
2 Answers
Reset to default 4Why not just use google maps image api?
You can try using one of those scripts:
- html2canvas http://html2canvas.hertzen./
- jsFeedback http://experiments.hertzen./jsfeedback/
Credits to How to take the screenshot of part of Google Maps use JavaScript