A map editor implementation for Google Maps’ JS API suddenly stopped working.
I have a WordPress plugin with a backend that provides a “map editor” – the way it works is by rendering a GMap and providing an UI that allows you to place a marker on that map, retrieve the click location/coords and save it into the database. The frontend is pretty simple as well – it takes the markers and infowindow data from the db and renders the map.
The frontend is fine, however when a map is loaded through the editor – the map renders for a split second, like a flash, and then goes to “Oops! Something went wrong. – This page didn’t load Google Maps correctly. See the JavaScript console for technical details.”. I don’t identify any clues in the browser console.
How should I approach this?
API key and cloud settings are valid.
I tried loading a completely empty map – no markers or other config. Didn’t work. Frontend on the other hand loads fine and contains the same yellow warnings in the console.
P.S: this happened out of nowhere, there hasn’t been any updates or changes to the environment. The downside is that this is a vue.js implementation and the source files are unavailable, so I am stuck debugging output JS.