I’m seeing these weird tiles in my google maps javascript api project. Looking at the console logs, I don’t see anything unsual:
[![weird tiles][1]][1]
js?key=REDACTED&callback=initMap:228 Google Maps JavaScript API has been loaded directly without loading=async. This can result in suboptimal performance. For best-practice loading patterns please see https://goo.gle/js-api-loading
gca @ js?key=REDACTED&callback=initMap:228
js?key=REDACTED&callback=initMap:152 google.maps.event.addDomListener() is deprecated, use the standard
addEventListener() method instead:
https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener
The feature will continue to work and there is no plan to decommission
it.
_.xk @ js?key=REDACTED&callback=initMap:152
js?key=REDACTED&callback=initMap:170 As of February 21st, 2024, google.maps.Marker is deprecated. Please use google.maps.marker.AdvancedMarkerElement instead. At this time, google.maps.Marker is not scheduled to be discontinued, but google.maps.marker.AdvancedMarkerElement is recommended over google.maps.Marker. While google.maps.Marker will continue to receive bug fixes for any major regressions, existing bugs in google.maps.Marker will not be addressed. At least 12 months notice will be given before support is discontinued. Please see https://developers.google.com/maps/deprecations for additional details and https://developers.google.com/maps/documentation/javascript/advanced-markers/migration for the migration guide.
_.hm @ js?key=REDACTED&callback=initMap:170
I don’t see any failed network requests. I cannot reproduce the issue after switching to another browser like firefox, but the issue persists in Chrome incognito, and also after clearing the site-specific cache.
The issue is also not reproducible after running a new chrome session with the --temp-profile
flag.
What are these weird tiles and how can I debug or fix it?
[1]: https://i.sstatic.net/f5XgFNe6.png