谷歌地圖自動完成不工作我該如何解決？

JS加載：谷歌地圖自動完成不工作我該如何解決？

<script src="https://maps.google.com/maps/api/js?key=AIzaSyC3Ws7EvlZS2PRlNFZfFrqOnlWM_XHYO1o&libraries=places" type="text/javascript"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

HTML代碼：

<input type="text" class="textbox controls" placeholder="Post Code,City" id="cityzip" name="cityzip" value="">

JS代碼：

<script> 
    $(document).ready(function() { 
     $(function(){ 
      var autocomplete; 
      var geocoder; 
      var input = document.getElementById('cityzip'); 
      var options = { 
      types: ['(regions)'] // (cities) 
      }; 

      autocomplete = new google.maps.places.Autocomplete(input,options); 
     }); 
    }); 
</script>

JS代碼放在結束標記之前。我在關閉head之前加載了Gmaps文件加載。我不知道爲什麼它不工作，任何人都可以幫助我。

來源

2017-04-21 Shah Rushabh

嗯...好像好對我來說：http://jsbin.com/tuzujiwera/edit?html,js，控制檯，輸出問題是在另一個地方 – GONG

那麼爲什麼不在我的網站上工作http://newseinstein.com/Rwork/index.php/上市 –

它也適用於您的網頁。 – swdev95

我創建了一個小提琴，其做工精細

$(document).ready(function() { 
 
     $(function(){ 
 
      var autocomplete; 
 
      var geocoder; 
 
      var input = document.getElementById('cityzip'); 
 
      var options = { 
 
      types: ['(regions)'] // (cities) 
 
      }; 
 

 
      autocomplete = new google.maps.places.Autocomplete(input,options); 
 
     }); 
 
    });

<script src="https://maps.google.com/maps/api/js?key=AIzaSyC3Ws7EvlZS2PRlNFZfFrqOnlWM_XHYO1o&libraries=places" type="text/javascript"></script> 
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
 

 

 

 
<input type="text" class="textbox controls" placeholder="Post Code,City" id="cityzip" name="cityzip" value="">

來源

2017-04-21 06:32:27

谷歌地圖自動完成不工作我該如何解決？

回答

相關問題