jquery - 无法在 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. Geocomplete 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;"}