javascript - 谷歌自动完成地方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（）方法
  所有组件。
  
  但是您正在调用google.maps.event.addDomListener（窗口，
  '加载'，初始化）;因此，当google不是
  尚未加载。
  
  您应该尝试将addDomListener调用包括在您的
  initialize（）调用！