如何在rails 4.2.1中使用jquery-addresspicker

How to use jquery-addresspicker in rails 4.2.1

本文关键字：jquery-addresspicker rails      更新时间：2023-09-26

有人知道怎么用吗?
我试过了，但还是失败了在我的源代码控制台中，我得到这个错误
未捕获的ReferenceError: google is not defined

我把jquery.ui.addresspicker.js放在我的vendor/assets/javasscripts文件夹
这是我的。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 4https://github.com/ddidier/address_picker-rails

和这里是类似的问题，但这些问题仍然没有告诉我如何使用jquery- addresspicker如何在rails 3.1中使用jquery addresspicker

更新我尝试改变我的application.html.slim中的脚本顺序把googlemaps脚本放在前面现在我得到了这个错误

Uncaught TypeError: $。小部件不是函数

我通过使用power -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文件中实现一样

，如果您遵循自述文件中的示例代码。如果地图没有显示，不要忘记将其添加到CSS文件中我把它放在我的模型中。SCSS文件

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

这个JS库还有一个gem: typeahead-addresspicker-rails。根据rubygem规范，它看起来支持Rails 4。

相关文章：