I have generated a Google Maps Javascript API v3 key for my website treblecode.com, and have added www.treblecode.com to the list of referrers on my developer account. I've also tried .treblecode.com/ to no avail.
However, in attempting to create a test HTML page according to the Hello World guidelines at developers.google.com/maps/documentation/javascript/tutorial#api_key, I receive the following error:
"Google has disabled use of the Maps API for this application. The provided key is not a valid Google API Key, or it is not authorized for the Google Maps Javascript API v3 on this site. If you are the owner of this application, you can learn about obtaining a valid key here: https://developers.google.com/maps/documentation/javascript/tutorial#api_key"
Below is the code I currently have on my test page at http://www.treblecode.com/apis/quickmap.html:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=REDACTED">
</script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: { lat: -34.397, lng: 150.644},
zoom: 8
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
If it helps, my hosting provider is GoDaddy.
Any help would be appreciated here, as I'm not sure what else I need to do to properly work with that API.