如何在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。