Pourquoi ma requête API Google Maps ne fonctionne pas lorsque je l'exécute sur un serveur

Question

J'essaie de trouver un moyen de calculer la distance de circulation d'un endroit à un autre. J'ai trouvé un script qui fonctionne parfaitement dans mon navigateur, mais quand je le télécharge sur mon serveur web et l'ouvre ensuite.

Cela ne fonctionne pas.

J'ai reçu une clé de Google, mais je ne sais pas comment l'ajouter au script.

Voici le code réel

var directionsService = new google.maps.DirectionsService(); 
 

 
var request = { 
 
    origin  : 'amsterdam', 
 
    destination : 'rome', 
 
    travelMode : google.maps.DirectionsTravelMode.DRIVING 
 
}; 
 

 
directionsService.route(request, function(response, status) { 
 
    if (status == google.maps.DirectionsStatus.OK) { 
 
    var output = response.routes[0].legs[0].distance.value; 
 
    document.getElementById("dump").innerHTML = output; 
 
    
 
    } 
 
    else { 
 

 
    } 
 
});

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> 
 
<p id="dump"></p>

Answer 1

Vous pouvez spécifier la clé Google Maps API dans la chaîne de requête de l'URL, dans l'attribut src de la balise script:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=YOUR_API_KEY"></script>