Google Maps lädt manchmal nicht

Question

Ich habe eine eingebettete Karte mit der Google Maps-API auf meiner Website erstellt. Es wird 9/10 Mal an der Universität geladen, aber niemals zu Hause geladen. Gibt es eine Möglichkeit, dies zu beheben, so dass es immer geladen wird. Hier

ist das Skript es verwendet:

    <script> 
       function initMap() { 
       var pointer = {lat: 53.827369, lng: -1.594245}; 
       var map = new google.maps.Map(document.getElementById('map'), { 
       zoom: 14, 
       center: pointer 
       }); 

       var marker = new google.maps.Marker({ 
       position: pointer, 
       map: map, 
       title: 'Leeds Beckett University "Headingley Campus"' 
       }); 

       var contentString = '<div id="content">'+ 
       '<div id="siteNotice">'+ 
       '<\/div>'+ 
       '<h1 id="firstHeading" class="firstHeading">Leeds Beckett University<\/h1>'+ 
       '<div id="bodyContent">'+ 
       '<p class="maptext">Leeds Beckett University is a public university in Leeds, West Yorkshire, with campuses in the city centre and Headingley. The university’s origins can be traced to 1824, with the foundation of the Leeds Mechanics Institute<\/p>' + 
       '<p class="maptext"><b>Postcode:<\/b> LS1 3HE<\/p>'+ 
       '<\/div>'+ 
       '<\/div>'; 

       var infowindow = new google.maps.InfoWindow({ 
       content: contentString 
       }); 


       marker.addListener('click', function() { 
       infowindow.open(map, marker); 
       }); 

       } 

       </script> 

Die "Karte" div bereits in meiner HTML enthalten ist.

Answer 1

Es scheint, dass Ihr Problem ist, weil Sie initMap anrufen, zumindest aus dem Code, den Sie bereitgestellt haben. Kannst du mehr Einblick in das Thema geben?

$(document).ready(function() { 
    initMap(); 
});