首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在网站上实现Google的Api

在网站上实现Google的Api
EN

Stack Overflow用户
提问于 2016-09-02 12:46:09
回答 1查看 1.4K关注 0票数 1

我是第一次实现谷歌空间自动完成搜索在电子商务网站.我正在用http://www.aspsnippets.com/Articles/Google-Places-AutoComplete-example-without-using-Maps.aspx实现帮助。

当我在HTML页面中使用时,它是正确工作的。

代码语言:javascript
运行
复制
    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);
代码语言:javascript
运行
复制
 <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中工作很好。但不在网站上工作。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-09-02 12:58:18

从您所得到的错误来看,您应该:

  1. sensor=false&中删除<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places"></script>。这不应妨碍您的脚本工作,但谷歌建议您删除它。
  2. 如果您有key=参数,则向您的url中添加一个API键,如果没有,则创建并添加一个。这可能是你的主要问题。您可以单击页面右上角的“获取A键”链接这里

此外,在调试这些消息时,您可能会发现错误文档很有帮助。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39292789

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档