如何在Rails 4.2.1中使用jquery-addresspicker

Question

有人知道如何使用嗎？
我已經嘗試過，但仍然失敗，在我的源控制台中，我收到此錯誤
未捕獲的ReferenceError：未定義google

我將jquery.ui.addresspicker.js放在我的vendor / assets / javascripts文件夾中
這是我的application.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui/datepicker 
//= require bootstrap
//= require turbolinks
//= require underscore
//= require gmaps/google
//= require jquery.ui.addresspicker
//= require_tree .

我在application.html.slim中加入了googlemaps

head
  = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
  = javascript_include_tag 'application', 'data-turbolinks-track' => true
  script src="//maps.google.com/maps/api/js?sensor=false" type="text/javascript"

我已經找到了寶石，但它不支持rails 4 https://github.com/ddidier/address_picker-rails

這是類似的問題，但是這些問題仍然沒有告訴我如何使用jquery-adresspicker 如何在rails 3.1中使用jquery-addresspicker jquery

更新，我嘗試更改application.html.slim中腳本的順序，並先放置googlemaps腳本，現在出現此錯誤

未捕獲的TypeError：$ .widget不是函數

Answer 1

我通過使用bower-rails https://github.com/rharriso/bower-rails/使它工作

通過涼亭導軌安裝后
調用所需的js到Rails資產管道（application.js）
我的application.js

...
//= require typeahead.js/dist/bloodhound.js
//= require typeahead.js/dist/typeahead.jquery.js
//= require typeahead-addresspicker/dist/typeahead-addresspicker.js
//= require_tree .

其余的就像當您在純html文件中實現它時

如果您遵循來自readme.md的示例代碼並且未顯示地圖，請不要忘記將其添加到您的css文件中，並將其放入我的Model.scss文件中

#map {
  float:right;
  width: 490px;
  height: 500px;
  border: 1px solid #DDD;
}

Answer 2

該JS庫還有另一個瑰寶： typeahead-addresspicker-rails 。 根據rubygem規格，它似乎支持Rails 4。