Moin, Moin!
Ich möchte folgenden Code von Google Maps API auf einer Seite anzeigen lassen, doch in Wordpress wird die Map dann nicht angezeigt. Ich habe den Code im Editor über "Text" in die Seite hinzugefügt. Was mache ich da verkehrt?
Auf einer Standard-Test-html-Seite funktioniert es ja.
Code
<div id="map" style="height:400px; width:680px;"></div>
<script>
function initMap() {
var directionsDisplay = new google.maps.DirectionsRenderer;
var directionsService = new google.maps.DirectionsService;
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 14,
center: {lat: 53.568848, lng: 9.940456}
});
directionsDisplay.setMap(map);
calculateAndDisplayRoute(directionsService, directionsDisplay);
}
function calculateAndDisplayRoute(directionsService, directionsDisplay) {
var selectedMode = 'WALKING';
directionsService.route({
origin: {lat: 53.568306, lng: 9.934501},
destination: {lat: 53.568848, lng: 9.940456},
travelMode: google.maps.TravelMode[selectedMode]
}, function(response, status) {
if (status == 'OK') {
directionsDisplay.setDirections(response);
} else {
window.alert('Directions request failed due to ' + status);
}
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=MyKey&callback=initMap">
</script>