Comment appeler le service de géocodage Google map avec jquery ajax

Je vais essayer d'obtenir les LatLng de google map api de géocodage. mon code est ci-dessous avec les valeurs d'adresse est "New York, New York"

$.ajax({
    url: 'http://maps.googleapis.com/maps/api/geocode/json',
    data: {
        sensor: false,
        address: address
    },
    success: function (data) {
        alert(data)
    }
});

Mais je ne reçois pas toutes les valeurs de l'alerte.

Merci pour toute aide.

source d'informationauteur rajakvk

  1. 12

    Vous devrez communiquer avec l'API concernant la les règles.

    $.getJSON( {
    url  : 'https://maps.googleapis.com/maps/api/geocode/json',
    data : {
        sensor  : false,
        address : address
    },
    success : function( data, textStatus ) {
        console.log( textStatus, data );
    }
} );

    Edit:

    Quelle stupidité de moi, ne doit pas être sur stackoverflow le matin! Le problème, c'est une demande de domaines. Pour des raisons de sécurité, ce n'est pas autorisé. Voir: Comment faire de la cross-domain AJAX appels à l'API Google Maps?

    Veuillez utiliser Google propre Le géocodage client.

  2. 9

    il n'est pas nécessaire de faire usage de jquery, Google maps javascript API v3 a construire ses propres fonctions qui en fait l'API facile à utiliser.

    https://developers.google.com/maps/documentation/javascript/geocoding
    https://developers.google.com/maps/documentation/geocoding/intro

    var geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'address': address }, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
    }
});
  3. 2

    Si quelqu'un cherche de l'aide sur ce sujet, c'est comment je l'ai fait. Note de recherche inversée, mais une recherche directe devrait fonctionner de la même manière:

    `

        function getLocation() {
var latdegrees=40.2298;
var londegrees=-41.88754;
     var url = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + latdegrees + "," + londegrees + "YOUR API KEY";
    $.getJSON(url,function (data, textStatus) {
           var streetaddress=data.results[0].formatted_address;
          return streetaddress;
      });
     }`
  4. 1

    V3 service de géocodage ne prend pas en charge JSONP les demandes, mais il est toujours disponible dans la V2

    Voir: http://blog.futtta.be/2010/04/09/no-more-jsonp-for-google-geocoding-webservice/

  5. 1

    C'est la façon dont je l'ai fait. Geocoder semble est la création de son propre rappel.

    geo.geocode({ 'address': myaddress }, function(data, status) {
    if (status == google.maps.GeocoderStatus.OK) { 
        var myylocation = data[0].geometry.location;
        lat = myylocation.lat();
        lng = myylocation.lng();
    }
});
  6. 0

    ou spécifier le type de données à jsonp?

    $.ajax({
    url: 'http://maps.googleapis.com/maps/api/geocode/json',
    data: {
        sensor: false,
        address: address
    },
    dataType:'jsonp',
    success: function (data) {
        alert(data)
    }
});