Google Maps (kein Plugin) in WP zeigt nicht bis

Question

Problem

• Meine Firma eine Web-Seite in WP hat (Mega Theme) und ich verwalten den Blog und andere Sachen, aber nicht die Bahn entworfen
• Ich weiß nicht wie, ich berührte etwas in der PHP-Code (Ich bin eine Art Anfänger, und ja, ich weiß, ich sollte nicht berühren) und jetzt ist die Kontaktkarte weg (div class = "google -map-container "ist da, aber ... leer)
• Es gibt kein Backup, also kann ich den Code

wiederherstellen

Der Code

Map-Code ist directy in der PHP (page-contact.php) geschrieben. Ich lasse hier (Pastebin) den PHP-Code und den HTML-Code, die ich bekomme, wenn ich die Seite zu öffnen:

• Php code
• HTML code when i visualize the web

Dokumentation I (Low Ruf gelesen haben, kann die Links nicht posten)

API Google Maps> Web> Google Maps JavaScript API> Lat/Lng-Objekt Literal

Answer 1

Gemäß den aktuellen Google Maps API-Bedingungen müssen Sie einen API-Schlüssel hinzufügen, wenn Sie Google Maps auf Ihrer Website implementieren möchten.

Wie von dem, was ich in Ihrem PHP-Code sehen kann, gibt es keinen API-Schlüssel in der api url:

https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false (Link von Ihrem PHP-Code genommen)

Sie API-Schlüssel So brauchen nur zu erzeugen anmelden zu Ihrem google-Konto und dann folgenden Link:

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

Use "Get A Keys" Taste api Schlüssel generieren auch in Einschränkungen als API-Schlüssel funktioniert die Website-uRL oder IP-Adresse Ihrer Webseite erwähnt für angegebene Domäne, IP oder ein Projekt nur dann, dass die API-Schlüssel in google map URL in Ihrem PHP-Code verwenden, die ich oben in folgendem Format erwähnt:

https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap

nur ersetzen YOUR_API_KEY mit dem empfangenen API-Schlüssel von Google Maps und Ihre Karte wird wie zuvor funktionieren.

Auch in Ihrer PHP-Datei Zeile Nr. 120 und HTML-Datei Zeile Nr. 201 Elementid wird nicht erwähnt.Ändern Sie jene Zeile mit dem folgenden ein:

var map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions); 

Answer 2

Die Option no 1:

Dieses API Skript in der Kopf- oder Fußzeile

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpuqmav7ndONLkbKvuSo7fUmUX2MW9bcs&callback=initMap" 
    async defer></script> 

Von oben Skript Sie benötigen, um Ihre Google-Schlüssel ersetzen anstelle dieser

AIzaSyDpuqmav7ndONLkbKvuSo7fUmUX2MW9bcs 

die Option nicht 2:

Für glatt Google-API generieren Schlüssel dieses Plugin installieren:

https://wordpress.org/plugins/api-key-for-google-maps/screenshots/ 

nach genrate api Sie es in Ihrem api Skript

Dank