web-dev-qa-db-ja.com

jquery ajaxでGoogleマップジオコードサービスを呼び出す方法

GoogleマップのジオコードAPIからLatLngを取得しようとしています。私のコードは下にあり、住所の値は「ニューヨーク、ニューヨーク」です。

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

しかし、私はアラートで値を取得していません。

助けてくれてありがとう。

jqueryajaxgoogle-mapsgeocode
14
rajakvk

rules に関してAPIに連絡する必要があります。

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

編集：

なんて馬鹿なことでしょう。朝のスタックオーバーフローになってはいけません。問題はクロスドメインリクエストです。セキュリティ上の理由から、これは許可されていません。参照： クロスドメインの作成方法AJAX Google Maps APIの呼び出し？

Google独自の ジオコーディングクライアント を使用してください。

14
Fokko Driesprong

jqueryを使用する必要はありません。GoogleマップのJavaScript API v3には独自の関数が組み込まれており、APIを使いやすくしています。

https://developers.google.com/maps/documentation/javascript/geocodinghttps://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
        });
    }
});
9
Melvin

誰かがこのトピックについて助けを求めているなら、これは私がそれをした方法です。これは逆ルックアップですが、順ルックアップは同じように機能するはずです。

`

    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;
      });
     }`
3
user2534532

V3ジオコーディングWebサービスはJSONPリクエストをサポートしていませんが、V2で引き続き使用できます

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

1
Brankodd

これは私がやった方法です。ジオコーダーは独自のコールバックを作成しているようです。

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();
    }
});
1
HelpNeeder

またはjsonpにdataTypeを指定しますか？

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