ブートストラップ付きGoogleマップがfulldomainに表示されない

Question

私のマップはISP provider URLに表示され、full domainでは表示されません。私はmultimakerグーグルマップを表示するために、このスクリプトを使用しています

：

var locations = [['<b>Base de Operaciones</b><br>Ruta 9 km450<br>Marcos Jurez, Cordoba<br>Tel: 701-555-1234<br>', -32.6836311,-62.1571096, 4], ['<b>Oficina Comercial</b><br>Champagnat 466<br>Marcos Juarez, Cordoba<br>Tel: (+54) 3472-425-532 interno 32<br>', -32.6944151,-62.1001607, 5]]; 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 13, 
     /* Zoom level of your map */ 
     center: new google.maps.LatLng(-32.6935284,-62.1391514), 
     /* coordinates for the center of your map */ 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var infowindow = new google.maps.InfoWindow(); 

    var marker, i; 

    for (i = 0; i < locations.length; i++) { 
     marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
     map: map 
     }); 

     google.maps.event.addListener(marker, 'click', (function(marker, i) { 
     return function() { 
      infowindow.setContent(locations[i][0]); 
      infowindow.open(map, marker); 
     } 
     })(marker, i)); 
    } 

これが私のHTMLです：

<section id="location" class="map"> 
    <h2><center>Ubicaci&#243n</center></h2> 
    <div class="embed-responsive embed-responsive-16by9"> 
    <div id="map_canvas" class="embed-responsive-item" > 
    <div id="map"></div> 
    <script src='https://maps.google.com/maps/api/js?sensor=false'></script> 
    <script src="./js/index.js"></script> 
    </div> 
    </div> 
    </section> 

Answer 1

は、問題が何であるかを知るために、JSコンソールを確認してください。ブラウザのインス​​ペクタを使用し、コンソールに移動します。あなたのケースでは、次のエラーが表示されます。

Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error

APIを読み込むスクリプト要素に必要な認証パラメータがないようです。

幸運を祈る！これがあなたを助けることを願って！