无法在jquery.geocomplete中显示地图

Question

我正在使用jquery.geocomplete.js获得自动完成搜索时，搜索一个地址。这个应用程序是一个红宝石上的rails应用程序，下面是我所做的：

1. 添加<script src="http://maps.googleapis.com/maps/api/js?libraries=places"> to the layouts before the addition of application.js
2. Geo完备的javascript到应用程序
3. 已添加 -> =.geocomplete(地图："#map_canvas") $(文档).ready就绪$(文档).on“页面:加载”，就绪
4. 苗条： h1欢迎input#geocomplete type=文本“placeholder=”键入地址“size="90”input#find type=“按钮”value=“查找”#map_canvas“

自动完成选项工作没有任何问题，但地图没有出现。我怎么才能把地图显示在这里？

Answer 1

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

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