谷歌自动完成地方API错误

Question

无法加载资源：服务器响应状态为404（未找到）未捕获ReferenceError：未定义google

我在本地服务器上遇到的不是一个错误，但是当我上载它时，有时它可以正常工作，有时会出现上述错误

    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDnromYDZNK6L8PKCf1WD1nuQw1VPoriF0&amp;libraries=places&region=in&callback=initialize" type="text/javascript"></script>

<script type="text/javascript">
       function initialize() {

         var options = {
           types: ['(cities)'],
           componentRestrictions: {country: "in"}
          };

               var input = document.getElementById('searchTextField');
               var autocomplete = new google.maps.places.Autocomplete(input);
       }
       google.maps.event.addDomListener(window, 'load', initialize);
</script>

我尝试将google api标签移动到jquery的顶部，也将每个脚本标签之后的底部移动，但它似乎不起作用，我也尝试添加此回调初始化，但没有发生任何事情，反而出现错误，指出“初始化不是一个函数，有什么帮助吗？

Answer 1

 <input type="text" id="searchTextField" /> <script src="https://maps.google.com/maps/api/js?key=AIzaSyB1MmBkuC0-9JhLWYaot-Yq_SmzunUgW68&libraries=places" type="text/javascript"></script> <script type="text/javascript"> function initialize() { var options = { types: ['(cities)'], componentRestrictions: {country: "in"} }; var input = document.getElementById('searchTextField'); var autocomplete = new google.maps.places.Autocomplete(input); } google.maps.event.addDomListener(window, 'load', initialize); </script> 

您在此处定义回调：/ maps / api / js？key = API_KEY_HERE && callback = initialize

谷歌地图加载完所有组件后，它将调用您的initialize（）方法。

但是您正在调用google.maps.event.addDomListener（window，'load'，initialize）; 在此功能之外，因此，当Google尚未加载时。

您应该尝试在您的initialize（）调用中包括addDomListener调用！

Answer 2

使用https：//而不是http：//解决了我的问题