瓣叶轨宝石 - “未定义的方法图”

我试图实现leaflet-rails，提供了一个类似谷歌的地理编码器。瓣叶轨宝石 - “未定义的方法图”

我收到从下面的第三行此错误消息：

undefined method `map' for 
#<#<Class:0x007ff7052f47a8>:0x007ff6dca48758> Did you mean? tap

那就是：

<div class="col-sm-4"> 
    <div id="mapid" style = "height: 400px; width: 200px; "></div> 
    <%= map(:center => { 
    :latlng => [51.52238797921441, -0.08366235665359283], 
    :zoom => 18 
     }) %> 
</div>

我写了这个代码，就像他们建议：

配置/初始化/单张.RB：

Leaflet.tile_layer = "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" 
Leaflet.attribution = '?' 
Leaflet.max_zoom = 18

index.html.erb：

<div id="mapid" style = "height: 400px; width: 200px; "></div> 
<%= map(:center => { 
:latlng => [51.52238797921441, -0.08366235665359283], 
:zoom => 18 
}) %>

application.scss。

/* 
*= require flexslider.css 
*= require blueimp-gallery 
*= require blueimp-gallery-indicator 
*= require blueimp-gallery-video 
*= require leaflet 
*/ 

// Graphical variables 
@import "config/variables"; 
@import "config/bootstrap_variables"; 

// External libraries 
@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import "font-awesome"; 

// Your CSS 
@import "layout/index"; 
@import "components/index"; 
@import "pages/index"; 
@import "vendor/index";

的application.js

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require underscore 
//= require jquery-fileupload/basic 
//= require cloudinary/jquery.cloudinary 
//= require attachinary 
//= require jquery.flexslider 
//= require blueimp-gallery 
//= require blueimp-gallery-fullscreen 
//= require blueimp-gallery-indicator 
//= require blueimp-gallery-video 
//= require jquery.blueimp-gallery 
//= require leaflet 
//= require_tree .

我跑bundle install。

应该在哪里map叫？

来源

2017-02-09 Fillype Farias

尝试'宝石“传单护栏”，要求：“小叶护栏/ view_helpers”' – teddybear

你好，谢谢你的回答，对我也没有工作。我用gemfile替换了这一行，并在没有任何改变的情况下运行了bundle。 –

你可以发布你的application.css和.js吗？ – teddybear

我没有使用从单张轨宝石这些方法和我安装了它改为手动，然后在JavaScript代码的一些调整后为我工作。

来源

2017-02-14 12:45:34

瓣叶轨宝石 - “未定义的方法图”

回答

相关问题