Est-il possible d'utiliser jQuery pour effectuer des appels API Google Maps?

Question

Ce qui suit ne fonctionne pas:

$.get('http://maps.googleapis.com/maps/api/geocode/json?&sensor=false&region=nz&address=queen', function(response){ 
console.debug(response); 
}); 

Il semble que ce n'est pas possible en raison de la politique d'origine même de l'Ajax. Cependant, j'essaie de faire quelque chose d'interactif et j'ai besoin de réponses de l'API Google Maps dans javascript pour le faire.

Answer 1

Une alternative à la solution de Lee est de faire une requête Ajax à votre propre script serveur qui à son tour appelle l'URL du géocodeur Google. Voici un exemple simple en PHP. Un exemple de travail peut être trouvé here.

<?php 

$address = $_GET['address']; 
$address=str_replace(" ","+",$address); 
if ($address) { 
    $json = file_get_contents('http://maps.googleapis.com/maps/api/geocode/json?address='.$address. 
    '&sensor=true'); 
    echo $json; 
} 

?> 

Le code jQuery

$.getJSON("getjson.php?address="+address, 
     function(response){ 
       //rest of your code 
      }); 

Answer 2

La même règle d'origine peut rendre difficile l'accès direct aux URI google maps. Mais si vous utilisez Javascript API fourni par google, vous n'aurez aucun problème.