Question

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

我在本地服务器上没有出现任何错误，但是当我上传它时，有时它可以正常工作，有时我会遇到错误

    <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>

我尝试在jquery之前移动google api标签，在每个脚本标签之后移动到底部但它似乎没有工作，我尝试添加此回调初始化也没有发生反而我得到错误声明“初始化不是一个功能，有什么帮助吗？

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>

您在此处定义回调：   /地图/ API / JS键= API_KEY_HERE＆安培;？＆安培;回调=初始化

一旦谷歌地图加载，这将调用你的initialize（）方法   所有组件。

但是你正在调用google.maps.event.addDomListener（窗口，   '加载'，初始化）;在这个功能之外，因此，当谷歌不是   尚未加载。

您应该尝试将addDomListener调用包含在您的   initialize（）调用！

Answer 2

使用https：//代替http：//解决了我的问题

谷歌自动填充位置API错误

2 个答案: