google map - Fehler in iframe

Question

Ich benutze Google Map um ... Karte auf meiner Website anzeigen.

Wenn ich die Datei (html) ausführen, sehe ich die Karte. wenn ich meine Website und rufen Sie die Map-Datei aus iframe laufen sehe ich http://80.179.226.44/~israelig/sites/exmytrip/tempmap.php

error: "Oops! Something went wrong. 
This page didn't load Google Maps correctly. See the JavaScript console for technical details." 

IFRAME:

<div id="map-canvas" class="col-md-6 col-xs-12"> 
     <iframe style="border-radius: 5px; width: 100%;" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="itinMap.html"></iframe> 
    </div> 

itinMap.html Datei:

<div id="map"></div> 


<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> 
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     var map; 
     var elevator; 
     var myOptions = { 
      zoom: 5, 
      center: new google.maps.LatLng(0, 0), 
      mapTypeId: 'terrain' 
     }; 
     map = new google.maps.Map($('#map')[0], myOptions); 

     var addresses = ['rome', 'milan']; 

     for (var x = 0; x < addresses.length; x++) { 
      $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) { 
       var p = data.results[0].geometry.location 
       var latlng = new google.maps.LatLng(p.lat, p.lng); 
       new google.maps.Marker({ 
        position: latlng, 
        map: map 
       }); 

      }); 
     } 

    }); 
</script> 

Answer 1

Dieser Fehler liegt daran, dass Sie keine API-Schlüssel bereitgestellt haben.

Quelle Google

Das Skript Element, das die API lädt keinen API-Schlüssel. Stellen Sie sicher, dass Sie einen gültigen API-Schlüssel als Schlüsselparameter enthalten. Sie können einen neuen API-Schlüssel in der Google API-Konsole generieren.

Erste API Keys https://developers.google.com/maps/documentation/javascript/get-api-key

• MissingKeyMapError

Das Script-Element, das die API lädt wird die Authentifizierungsparameter erforderlich fehlt. Wenn Sie die JavaScript-API JavaScript von Google Maps verwenden, müssen Sie einen Schlüsselparameter mit einem gültigen API-Schlüssel verwenden. Wenn Sie ein Premium-Plan-Kunde sind, müssen Sie entweder einen Client Parameter mit Ihrer Client-ID oder einen Schlüsselparameter mit einem gültigen API-Schlüssel verwenden.

Debuggen Solche JS Fehler

Verwenden Chrome, IE oder Firefox und Drücken Sie F12, Fehlerprotokoll zu überprüfen.

Answer 2

Bitte beziehen Sie sich darauf. MissingKeyMapError und verweist auf https://developers.google.com/maps/documentation/javascript/error-messages als Referenz. Hoffe, du wirst eine Lösung bekommen.