Он не показывает маркеры на картах Google, используя Html2Canvas - VUE - PullRequest
Новая
       7

Он не показывает маркеры на картах Google, используя Html2Canvas - VUE

0 голосов
/ 28 января 2019

Я сделал снимок экрана с библиотекой Html2Canvas на картах Google, и у меня возникла проблема совместимости с преобразованием css3, используемым Google.Карта показывает меня, но с пробелом сбоку и маркерами не показывает их мне.

Вот как должен быть показан снимок:

введите описание изображенияздесь

И это показано, когда вы делаете захват:

введите описание изображения здесь

Я видел, что возможное решениедобавить следующие строки в коде: 

left:0,
top:0,
transform: "none"

Но это не работает для меня, так как я попробовал их, выложив их онлайн из браузера.Я приложил свой код

Component.Vue 

async print() {
      const el = this.$refs.captureMap
      // add option type to get the image version
      // if not provided the promise will return
      // the canvas.
      const options = {
        type: 'dataURL',
        useCORS: true
      }
      this.output = await this.$html2canvas(el, options).then(function(canvas){
        console.log(document.getElementsByClassName('gm-style'))
        $(".gm-style>div:first>div").css({
          left:0,
          top:0,
          transform: "none"
        });
        console.log(canvas)
        // document.getElementsByClassName('gm-style').style.left="0px"
        // document.getElementsByClassName('gm-style').style.top="0px"
        // document.getElementsByClassName('gm-style').style.transform="none"
      })
    }

Спасибо, друзья

...