Google Maps angezeigt wird nicht auf einer HTML-Seite

Question

I GMaps bin mit einer Karte auf einer HTML-Seite angezeigt werden, aber es gibt diesen Fehler auf Seite

Oops! Something went wrong.

This page didn't load Google Maps correctly. See the JavaScript console for technical details.

Und diese Fehler in der Konsole

EDIT : ich habe den API-Schlüssel und hinzugefügt, um es an die URL generiert, und ich bin jetzt nur diesen Fehler

Uncaught TypeError: Cannot read property 'prototype' of undefined

ich habe auch dieses Thema geprüft: Google MAP API Uncaught TypeError: Cannot read property 'offsetWidth' of null

Und versuchte die Schnipsel dort statt meiner eigenen, aber ich habe die gleichen Fehler.

Dies ist mein Code

HTML

<div id="map_canvas" class="height-400 grayscale"></div> 

JS und Includes

<script type="text/javascript" src="//maps.google.com/maps/api/js?key=AIzaSyDPN1LpoBuDzlvGox2qcREeDCnKu-hsGs4"></script> 
<script type="text/javascript" src="assets/plugins/gmaps.js"></script> 
<script type="text/javascript"> 

jQuery(document).ready(function(){ 

    /** 
    @BASIC GOOGLE MAP 
    **/ 
    var map2 = new GMaps({ 
     div: "#map_canvas", 
     lat: -12.043333, 
     lng: -77.028333, 
     scrollwheel: false 
    }); 

    var marker = map2.addMarker({ 
     lat: -12.043333, 
     lng: -77.028333, 
     title: "Company, Inc." 
    }); 

}); 

</script> 

Answer 1

hier Versuchen Sie, einen API-Schlüssel (Google-Konto erforderlich) zu erhalten:

https://console.developers.google.com/apis/api/maps_backend/

Für weitere Informationen:

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