2017-02-09 1 views
0

Googleのようなジオコーダを提供する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。私はbundle installを走った

/* 
*= 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 . 

ここでmapを呼び出す必要がありますか?

+0

'宝石「リーフレットレール」を試してみてくださいは、必要に:「リーフレットレール/ view_helpers」' – teddybear

+0

こんにちは、あなたの答えをありがとうございましたし、私にはそれが動作しませんでした。私はgemfile上でこの行を置換し、後にバンドルを実行したが、何も変わらなかった。 –

+0

application.cssと.jsを投稿できますか? – teddybear

答えて

0

私はリーフレットの宝石からこれらのメソッドを使用していませんでした。私は手動で代わりにインストールし、javascriptコードで調整した後に私のために働いていました。

関連する問題