我是第一次实现谷歌空间自动完成搜索在电子商务网站.我正在用http://www.aspsnippets.com/Articles/Google-Places-AutoComplete-example-without-using-Maps.aspx实现帮助。
当我在HTML页面中使用时,它是正确工作的。
var geocoder;
var map;
function initialize() {
var input = document.getElementById('id_address');
var options = {
types: ['address'],
componentRestrictions: {
country: 'in'
}
};
autocomplete = new google.maps.places.Autocomplete(input, options);
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
for (var i = 0; i < place.address_components.length; i++) {
for (var j = 0; j < place.address_components[i].types.length; j++) {
if (place.address_components[i].types[j] == "postal_code") {
document.getElementById('postal_code').innerHTML = place.address_components[i].long_name;
alert(place.address_components[i].long_name);
}
}
}
})
}
google.maps.event.addDomListener(window, "load", initialize); <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<input id="id_address" type="text" value="" />
<div id="postal_code"></div>
但是当我在我的项目中实现相同的东西时,它会在浏览器的控制台中显示出一些错误。
屏幕截图:


在浏览器中显示一些图标并禁用搜索。我不明白这是怎么回事。因为在HTML文件或jsfiddle中工作很好。但不在网站上工作。
发布于 2016-09-02 12:58:18
https://stackoverflow.com/questions/39292789
复制相似问题