Google Maps einbinden Code nicht funktioniert

Question

Ich habe 3 Websites mit diesem Google-Maps-Code, der funktioniert gut: auch

<script src="https://maps.googleapis.com/maps/api/js"></script> 
<script> 

function initialize() { 
    var myLatlng = new google.maps.LatLng(38.7223956, -9.1358012); 
    var mapOptions = { 
    zoom: 16, 
    center: myLatlng 
    } 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 

    var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title: 'Something' 
    }); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
<style> 
    h1 { background:none; padding:0; } 
    #map-canvas { 
     width:100%; 
     height:250px;   
     } 
</style> 

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

Es funktioniert großartig, wenn ich es auf einer HTML-Datei auf meiner Festplatte nur bin setzen. Vor kurzem begann ich ein Wordpress-Projekt auf meinem localhost und ich weiß nicht warum, aber wenn ich diesen Code zu meinem Projekt bin Hinzufügen bekomme ich diese:

Oops! Something went wrong

Offensichtlich ich bereits Wordpress Websites, die arbeiten mit dem gleichen genauen Code, ich habe keine Ahnung, warum plötzlich bekomme ich diese Nachricht, es ist unglaublich

Answer 1

Gemessen an Ihrem Link sieht es aus wie Sie nicht einen API-Schlüssel einstellen. Wenn Sie das Google Maps-API für eine Domain verwenden, die vor dem 22. Juni 2016 nicht aktiv war, wird ein Schlüssel benötigt.

Siehe diesen Link für eine Antwort: https://www.latecnosfera.com/2016/06/google-maps-api-error-missing-keymap-error-solved.html

Answer 2

Die Google Maps JavaScript API ein API key erfordert.

Durchsetzung begann einige Zeit im Juni glaube ich, aber Websites mit einer anständigen Menge an Verkehr, die bereits die API ohne einen Schlüssel verwendet wurden, wurde befischt und muss (noch) nicht erfüllen. Deshalb funktionieren Ihre anderen Seiten immer noch, aber neue nicht.