Question

So I was wondering, if I have a div which contains a maps of google maps rendered with some makers and I want to take a picture of that element how can I do this?.I found this solutions it’s a approach of what I need but the problem it’s that sending a url doesn’t help me, I need the specific Div with all the markers. For the server side i’m using C# and for the cliente, asp.net with jquery. Also the google maps apiV3 to handle the maps

Answer 1

Take a look at the Canvas2Image library by Nihilogic Labs:

http://www.nihilogic.dk/labs/canvas2image/

Here’s an example of how to take a screenshot of an element through JavaScript:

var oCanvas = document.getElementById("thecanvas");    
Canvas2Image.saveAsPNG(oCanvas);

EDIT

You might also take a look at Html2Canvas and FlashCanvas too. I believe one of them has support for earlier browsers (those which don’t support HTML5).