von Berufsfunker » 29. Nov 2016, 22:45
Moin ich hab jetzt für die Google Map Route alle variablen der neuen Version angepasst.
AAAABER ich bekomme immer diese Fehlermeldung.
Directions request failed due to REQUEST_DENIED.
Hier ist mein Code...
Code: Alles auswählen
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Directions service</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var directionsService = new google.maps.DirectionsService;
var directionsDisplay = new google.maps.DirectionsRenderer;
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 11,
center: {lat: %koordinaten.latitude%, lng: %koordinaten.longitude%}
});
directionsDisplay.setMap(map);
directionsService.route({
origin: "53.XXXXXX, 10.XXXXXX", // <<<<< KOORDINATEN START >>>>>
destination: "%koordinaten.latitude%, %koordinaten.longitude%",
travelMode: google.maps.TravelMode.DRIVING
}, function(response, status) {
if (status === google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
} else {
window.alert('Directions request failed due to ' + status);
}
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script>
</body>
</html>
Kann mir da jemand weiter helfen?
Danke im vorraus
LG
Moin ich hab jetzt für die Google Map Route alle variablen der neuen Version angepasst.
AAAABER ich bekomme immer diese Fehlermeldung.
Directions request failed due to REQUEST_DENIED.
Hier ist mein Code...
[code]
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Directions service</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var directionsService = new google.maps.DirectionsService;
var directionsDisplay = new google.maps.DirectionsRenderer;
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 11,
center: {lat: %koordinaten.latitude%, lng: %koordinaten.longitude%}
});
directionsDisplay.setMap(map);
directionsService.route({
origin: "53.XXXXXX, 10.XXXXXX", // <<<<< KOORDINATEN START >>>>>
destination: "%koordinaten.latitude%, %koordinaten.longitude%",
travelMode: google.maps.TravelMode.DRIVING
}, function(response, status) {
if (status === google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
} else {
window.alert('Directions request failed due to ' + status);
}
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script>
</body>
</html>[/code]
Kann mir da jemand weiter helfen?
Danke im vorraus
LG