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;"}