Google Mapsがロードされない場合があります

Question

私のウェブサイトでMaps APIを使用して埋め込みマップを作成しました。それは大学で9/10回ロードされますが、自宅では決してロードされません。これを修正して常にロードする方法はありますか？ここで

は、それが使用されるスクリプトです：

    <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> 

すでに私のHTMLに含まれているdivの "マップ"。

Answer 1

あなたが提供したコードから少なくともinitMapを呼び出していないため、問題があるようです。あなたはその問題についてより多くの洞察を与えることができますか？

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