Google Maps Autocomplete wird nicht in der Rails-App geladen

Question

Der Versuch, Google Maps Autocomplete für Adressen arbeiten zu bekommen. Dies ist der Code-Snippet Ich verwende:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=<%=ENV['GOOGLE_API_KEY'] %>&libraries=places"></script> 

<label for="locationTextField">Location</label> 
<input id="locationTextField" type="text" size="50"> 

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

ich diese in einem meiner Ansichten gesetzt haben und während alles scheint in Ordnung (keine Konsole Fehler) zu laden, wenn ich in einer Adresse eingeben, das Drop-down Liste erscheint nie.

Die Drop-Down-Box in einem .pac-container div ist, die angezeigt wird, wenn display:none;, wenn ich das in Chrome Entwickler-Tool außer Kraft setzen, ich sehe nur das Google-Logo unter meinem Suchfeld erscheinen (als ob die Liste leer ist).

Ich habe diesen Code in eine leere HTML-Seite außerhalb meiner App Rails kopiert und es hat gut funktioniert.

Answer 1

Es funktioniert ganz gut für mich.

Getestet habe ich diese:

<style> #map {height: 90%} </style> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script> 
<label for="locationTextField">Location</label> 
<input id="locationTextField" type="text" size="50"> 
<div id="map"></div> 
<script> 
    function init() { 
    var input = document.getElementById('locationTextField'); 
    var autocomplete = new google.maps.places.Autocomplete(input); 
    var map = new google.maps.Map(document.getElementById('map'), { 
     center: {lat: 50.869754630095834, lng: 4.353812903165801}, 
     zoom: 12 
    }); 
    } 
    google.maps.event.addDomListener(window, 'load', init); 
</script> 

Gibt es alles, was Sie anders machen? Alles was ich vermisse?