Why are my Google Maps marker tiles rendering as grey boxes during playback?

If you are using Google Maps in your site, you are almost certainly using map markers. These map tiles use overlays that are filled in via rendering to an HTML canvas. Unfortunately we don't currently support playback of the canvas elements. Luckily, the map underneath is already just a simple image. All we need to do is make the marker overlay not use HTML canvas. The maps API supports an image-based render mode that renders markers without the use of canvas.

All you need to do is pass optimized: false when you initialize your marker options in the Maps API. This will fallback to a non-canvas mode rendering path for markers. This should fix recording of map marker tiles!

Here is the link directly to Google's docs (for more information).

Can’t find what you’re looking for?

The FullStory team awaits your every question.

Contact Us