[Javascript] Google maps con puntatore animato funziona solo in locale

[tiziano63]

Quando pubblico la pagina la googlemaps animata - finestrella in fondo pagina - diventa dopo un secondo che si visualizza la mappa: "spiacenti si è verificato un problema" (mentre sul mio pc, 'in locale' intendo, 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 sotto è la pagina come dovrebbe funzionare: finestrella googlemap con puntatore animato che compare nel footer pagina (ho cambiato solo le coordinate gps presenti nello javascript):

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


Grazie per l'aiuto

 

[Max 1]

@tiziano63
Da regolamento del forum, come tutti noi sei tenuto ad usare il tag

quando posti del codice, oppure la funzione codice dalla barra degli strumenti

Inoltre ti prego di leggere attentamente il regolamento generale del forum e quello di sezione dove posti
Grazie
Per questa volta te lo sistemo io ma mi raccomando per il futuro