json avec google api de géocodage

Voici le code qui obtient la latitude et de la longitute lors de la saisie d'un emplacement.Je crois que mon bon code en fonction de mes connaissances.mais j'obtiens une page blanche après la saisie d'un lieu.

Voici le code:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    var url="http://maps.googleapis.com/maps/api/geocode/json?address=";
    var query;
    var sensor="&sensor=false";
    var callback="&callback=?";


    $("button").click(function(){
          query=$("#query").val();
          $.getJSON(url+query+sensor+callback,function(json){

             $('#results').append('<p>Latitude : ' + json.results.geometry.location.lat+ '</p>');
             $('#results').append('<p>Longitude: ' + json.results.geometry.location.lng+ '</p>');

});


    });
});


</script>

</head>
<body>

<input type="text" id="query" /><button>Get Coordinates</button>
<div id="results"></div>

</body>
</html>

OriginalL'auteur simplyblue | 2011-01-13

  1. 7

    Vous essayez d'utiliser JSONP ici.

    JSONP

    Si l'URL contient la chaîne "callback=?" (ou similaires, tels que définis par l'API côté serveur), la demande > est traitée comme JSONP à la place. Voir la discussion de la jsonp type de données en $.ajax() pour plus de détails.

    Important: Comme de jQuery 1.4, si le fichier JSON contient une erreur de syntaxe, la demande est généralement silencieuse.

    Voir: http://api.jquery.com/jQuery.getJSON/

    Mais l'URL que vous êtes d'appel renvoie plaine JSON, de sorte que l'analyse échoue avec une erreur de syntaxe et getJSON échoue silencieusement.

    Maintenant, lorsque vous essayez de modifier le géocodage à l'URL à utiliser JSONP, vous obtenez un 404 erreur depuis que Google a supprimé le support du JSONP tout à fait un tout à l'heure:

    En bref:

    Vous ne pouvez pas simplement utiliser l'api de géocodage à partir du Navigateur JavaScript plus, vous aurez à ajouter un script de proxy sur votre serveur.

    Et même si la demande de travail, votre code a encore un bug:

    json.results est un tableau de résultats, de sorte qu'il n'a pas de geometry propriété.

    Vous avez pour accéder au premier élément du tableau afin d'obtenir de l'objet réel qui a le geometry propriété:

    json.results[9].geometry.location.lng
    ma demande est de travail.Je l'ai testé avec firebug.quand j'entre dans un lieu que je reçois la réponse.Je viens d'avoir à analyser le jsonp et de sortie.Je pense que oui>est-il le tar?

    OriginalL'auteur Ivo Wetzel

  2. 15

    Dans Google Maps Javascript V3 vous pouvez accéder au service de géocodage à l'aide de google.cartes.Geocoder classe.

    var myAddressQuery = 'O. J. Brochs g 16a, Bergen';
var geocoder = new google.maps.Geocoder(); 
geocoder.geocode(
    { address : myAddressQuery, 
      region: 'no' 
    }, function(results, status){
      //result contains an array of hits.
});

    https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple

    Génial, ça fonctionne sans créer une carte!
    Il est contre les Termes à utiliser sans une carte, cependant.

    OriginalL'auteur Jørgen