无法在 jquery.geocomplete 中显示地图

Question

我正在使用 jquery.geocomplete.js 在搜索地址时获取自动完成搜索。该应用程序是 ruby on rails 应用程序，这是我所做的：

1. 已添加 <script src="http://maps.googleapis.com/maps/api/js?libraries=places"> to the layouts before the addition of application.js
2. 对应用程序进行地理完整 javascript

3. 已添加

   ready = ->
     $('#geocomplete').geocomplete(map: "#map_canvas")
   
   $(document).ready ready
   $(document).on "page:load", ready
   

4. 苗条：

   h1 Welcome
   
   form
     input#geocomplete type="text" placeholder="Type in an address" size="90"
     input#find type="button" value="find"
   
   #map_canvas
   

自动完成选项没有任何问题，但地图没有显示。如何让地图显示在这里？

Answer 1

请将高度属性添加到div "map_canvas"以查看地图。 例如

 #map_canvas{:style => "height:250px;"}