2gis получить изображение карты с помощью js

175

15 июля 2018, 17:20

Может кто сталкивался, как можно получить "скриншот" div'a с картой? Попробовал через html2canvas однако результат не удовлетворительный.

Код для получения изображения div'a с картой:

<!DOCTYPE html>
<html>
    <head>
        <title>Создание карты</title>
        <script src="https://maps.api.2gis.ru/2.0/loader.js"></script>
         <script type="text/javascript" src="html2canvas.js"></script> 
    </head>
    <body>
        <div id="map" style="width: 100%; height: 400px;"></div>
        <script>
            DG.then(function() {
                DG.map('map', {
                    center: [54.98, 82.89],
                    zoom: 13
                });
                html2canvas(document.querySelector("#map")).then(canvas => {
    document.body.appendChild(canvas)
});
            });
        </script>
    </body>
</html>

В итоге, в документ добавляется следующее изображение. Без карты, без меток и т.д

А ожидалось следующее: