I have a situation here that is similar to the grey maps, except all the buttons are visible. Everything appears normal except for the Map tiles, which are all grey! It's strange because it loads nicely at zoom level 8 and then zooms in to the maximum, only to show me grey tiles. Here is the code snippet:
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBN5n7Q_LBTusrg4ae_vFtDWq22SZg5orU&sensor=false"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var kmlLayer = new google.maps.KmlLayer({
url: 'http://pasteht.ml/pr7Xm',
suppressInfoWindows: false,
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>