After successfully building a map component for a web application using google maps, open layers, and the dojo toolkit, it suddenly stopped loading earlier this morning. Even though there are no JavaScript errors and open layers and Google still initialize, the data points plot as usual but the map itself does not load. The resources I am currently using include:
<script src="//openlayers.org/api/OpenLayers.js"></script>
<script src="//maps.google.com/maps/api/js?v=3&libraries=places&sensor=false"></script>
I attempted to use the 'Hello World' example provided by Google (link below) which worked without any issues.
https://developers.google.com/maps/documentation/javascript/tutorial
Upon further investigation, it became apparent that the example requires an API Key. Despite trying to insert my own API key into the existing resource, nothing changed. Additionally, attempting to replicate the resource used in the example resulted in errors within open layers.
Could it be possible that Google has deprecated certain functionality, prompting the need to rebuild this component? Or is there something crucial that I am overlooking?
NOTE:
To temporarily address the issue in production, I switched from Google Maps to Open Street Maps. You can find the updated version here. This alteration demonstrates that the problem lies specifically with loading the map, ruling out other potential causes.