0

Googleマップの場所のオートコンプリートAPIに接続して、ユーザーが場所のボックスに入力すると、場所の名前を（jqueryオートコンプリートを使用して）自動提案しようとしています。しかし、ajax 応答でエラーが発生します。

しかし、ブラウザーに同じ API URL を直接コピーして貼り付けると、結果が返されます。

私は何を間違っていますか？

API URL:
https://maps.googleapis.com/maps/api/place/autocomplete/json?input=cola&sensor=false&key=[マイキー]

私のfirebugのスクリーンショット

https://docs.google.com/file/d/0B7ZMqGCQDtvkcEhsUTVQWTJhWXc/edit?usp=sharing

jQuery コード

jQuery("#my_location").autocomplete(
{
    source: function( request, response ) 
    {
        jQuery.ajax(
        {
            url: "https://maps.googleapis.com/maps/api/place/autocomplete/json",

            type: "GET",


            data: {
                        input: request.term, //jQuery("#my_location").val(),
                        sensor: "false",
                        key: [my key]
            },

            success: function( data ) 
            {
                response( $.map( data.predictions, function( item ) 
                {
                    return {
                        label: item.description, //item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
                        value: item.description
                    }
                }));

                //console.log(data);

            },

            error: function(MLHttpRequest, textStatus, errorThrown) 
            {
                console.log("Error: " + errorThrown)
            }

        });
    },

    minLength: 2

}); // autocomplete
4

1 に答える 1

0

これはCORSのせいだと思います。解決策ではない回答を許してください。しかし、ガイドラインとして役立つかもしれません。

于 2013-08-09T19:42:38.977 に答える