Quando pubblico la pagina la googlemaps animata - finestrella fondo pagina - diventa "spiacenti problema di connessione" (mentre sul mio pc 'in locale' funziona perfettamente:

http://www.sitoprototipo.it/googlemap_footer.html

questo il codice

<div class="google-map-area">
<div id="googleMap" style="width:100%;height:180px;"></div>
</div>

<!-- Google Map js -->
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapOptions = {
zoom: 15,
scrollwheel: false,
center: new google.maps.LatLng(42.806922 , 10.754253)
};

var map = new google.maps.Map(document.getElementById('googleMap '),
mapOptions);


var marker = new google.maps.Marker({
position: map.getCenter(),
animation:google.maps.Animation.BOUNCE,
icon: 'img/map-marker.png',
map: map
});

}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

E questo come dovrebbe funzionare (ho cambiato olo le coordinate gps):

https://demo.themelocation.com/discover/activities.html


Grazie per l'aiuto