Google Maps встраивать код не работает

Question

У меня есть 3 веб-сайтов с этим Google код карты, который работает отлично:

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

Это работает прекрасно и, если я просто положить его на HTML файл на жестком диске. В последнее время я начал Wordpress проект на моем локальном хосте, и я не знаю почему, но когда я добавляю этот код моего проекта я получаю это:

Oops! Something went wrong

Очевидно, что я уже Wordpress сайтов, которые работают с таким же точным кодом, я понятия не имею, почему внезапно я получаю это сообщение. Это невероятно.

Answer 1

Судя по вашей ссылке, похоже, что вы не устанавливаете ключ API. Если вы используете API Карт Google в домене, который не был активен до 22 июня 2016 года, для этого потребуется ключ.

Смотрите эту ссылку для ответа: https://www.latecnosfera.com/2016/06/google-maps-api-error-missing-keymap-error-solved.html

Answer 2

API Карт Google Javascript требует API key.

Принуждение началось некоторое время в июне, я полагаю, но сайты с приличным количеством трафика, которые уже использовали API без ключа, получили грандиозное вложение и не должны выполнять (пока). Вот почему ваши другие сайты все еще работают, но новые - нет.