javascript – 可以通过AJAX使用Google Maps / Places的自动填充API吗?

前端之家收集整理的这篇文章主要介绍了javascript – 可以通过AJAX使用Google Maps / Places的自动填充API吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用Google商家信息自动填充API,在Web应用程序中预先填写表单以创建数据,以简化数据输入. API非常简单,但似乎不想接受XHR.
$.getJSON("https://maps.googleapis.com/maps/api/place/autocomplete/json",{
  input: input.term,sensor: false,types: 'establishment',location: '40.01496,-105.27029',radius: 10000,key: Config.googleplaceskey
},function(places_response){
    //Some other code.
});

我在控制台中得到这个:

XMLHttpRequest无法加载https://maps.googleapis.com/maps/api/place/autocomplete/json?input=At\u0026amp;sensor=false\u0026amp;types=establishment\u0026amp;location=40.01496,-105.27029\u0026amp;radius=10000\u0026amp;key=AIzaSyDKzUgcLklQE_U5494vHq_SzrFakNHugaQ .来源http:// localhost:8086不允许Access-Control-Allow-Origin.

这是不是API不是什么意思?任何人都知道解决方法,或某种额外的参数,我可以发送,使其工作?

更新:

以下是此调用的API文档的链接.父文档实际上甚至有JavaScript JSON解析示例.真的很混乱,为什么这将在服务器端关闭.

http://code.google.com/apis/maps/documentation/places/autocomplete.html

解决方法

这是一个面向未来读者的代码片段,他们遇到这种情况.

使用“Places API”而不是“Maps API”,此代码段将使用Google的返回数据填充我的表单元素(包括用于自动填充的输入).

/* Use google place API to auto complete the address field and populate form inputs */
function addressAutoComplete(){
    var planAddress = document.getElementById('mps_planaddress'),planCity = document.getElementById('mps_plancity'),planCounty = document.getElementById('mps_plancounty'),planZip = document.getElementById('mps_planzip'),planSub = document.getElementById('mps_plansubdivision'),options = {
            componentRestrictions: {country: 'us'}
    };
    autocomplete = new google.maps.places.Autocomplete(planAddress,options);
    // After the user selects the address
    google.maps.event.addListener(autocomplete,'place_changed',function() {
        planSub.focus();
        var place = autocomplete.getPlace();
        planAddress.value = place.name;
        planCity.value = place.address_components[2].long_name;
        planCounty.value = place.address_components[3].long_name;
        planZip.value = place.address_components[6].long_name;
    });
}

在“place_changed”的自动完成中放置一个监听器(他们从列表中选择一些内容),然后使用返回的数据填写输入.

所有这一切都列在Place Library Google page上.

原文链接:https://www.f2er.com/ajax/153489.html

猜你在找的Ajax相关文章