Google Maps capture and tile artifacts/grid-lines...

[sobomp3]

Hello all, I've seen numerous posts on trying to capture a Google Map for various purposes. In our case, we'd like to be able to print a map. We have used most of the common code suggested here to capture the map using the proper CSS transforms. However, we are almost always seeing grid lines between the tiles. Does anyone know how to fix these grid lines? Here is an example of what I'm talking about:

Specifications:

• html2canvas version tested with: 1.0.0-alpha.12
• Browser & version: 70.0.3538.77 (and earlier versions, also Firefox, Edge)
• Operating system: Windows 10 x64

[josiahbryan]

Same, always seeing these lines, even in the browser. Any fix?

[vlrevolution]

Experiencing the same, does anybody know anything?

[josiahbryan]

No clue, still having the same problem - never heard any response (obviously lol)

[vlrevolution]

No clue, still having the same problem - never heard any response (obviously lol)

Try this ;)

.gm-style img {
  /* Targeting only images within Google Maps */
  transform: translateZ(0) scale(1.002); /* Using scale to slightly stretch the tiles */
  backface-visibility: hidden; /* Improves rendering */
}