How to convert a image from Google Map(Div)?

#javascript #googlemapapi #html #css

1.
Hello. Thanks for reading my article in advance.
As you can see above picture, I have displayed a map using Google Map API.
I want to convert a image from that google map using JavaScript.
Who is Someone expert in this part?
Let's discuss in a detail.
Thanks
2.
I have got a solution.
We can use html2canvas library.

html2canvas(document.getElementById("[your map id]"), {
    useCORS: true,
}).then(function(canvas) {
    var img = canvas.toDataURL("image/jpeg");
    var image = new Image();
    image.src = img;
    document.getElementById("[div to display an image]").appendChild(image);
});

It just displays the google map as an image.
Thanks