Pocas cosas con html2canvas no son predecibles: a continuación se muestra una captura de pantalla del mapa en pdf.

Estoy usando html2canvas para tomar una captura de pantalla del mapa de Google y luego ponerlo en pdf usando php.

• a veces, html2canvas mostrará una forma rectangular grisácea cerca del centro (en la imagen de abajo, la forma está a la derecha del marcador DV-2). A veces está ahí, a veces no, es incoherente en todos los navegadores modernos.
• La mayoría de las veces, uno o más marcadores no mostrarán la etiqueta. En la imagen de abajo, el marcador azul a la derecha no tiene marcador.

En el mapa, antes de tomar la captura de pantalla, la forma gris no está allí y todos los marcadores tienen una etiqueta visible.

¿Alguna idea/sugerencia de por qué está sucediendo? Como mencioné anteriormente, es impredecible, a veces esa forma no aparece y, a veces, todas las etiquetas de los marcadores son visibles.

Noté que los marcadores sin etiqueta se colocan primero en el mapa (cuando consuelo.log()). Está sucediendo en html2canvas, no después. A continuación se muestra el método vue.js que captura la captura de pantalla.

 genAndSubmit() { let xCrop = (this.dimensions.vw - this.dimensions.pw) / 2 this.form.processing = true; html2canvas(document.querySelector("#mapWrapper"), { useCORS: true, logging: true, width: this.dimensions.pw, x: xCrop, // allowTaint: true, // foreignObjectRendering: true, // imageTimeout: 30000, // scale: 2, }) .then(canvas => { this.form.image = canvas.toDataURL('image/png'); this.submit(); }); },