2016-09-22 72 views
1

我沒有得到我的markercluster圖形,只是一個數字。我懷疑css丟失了,但我不確定我做錯了什麼。我在控制檯中沒有出現任何錯誤,並且所有東西在沒有markercluster的情況下都能正常工作。傳單markercluster軌道不顯示標記

的Gemfile

source 'https://rubygems.org' 

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails' 
gem 'rails', '4.2.5.1' 
# Use postgresql as the database for Active Record 
gem 'pg', '~> 0.15' 
# Use SCSS for stylesheets 
gem 'sass-rails', '~> 5.0' 
# Use Uglifier as compressor for JavaScript assets 
gem 'uglifier', '>= 1.3.0' 
# Use CoffeeScript for .coffee assets and views 
gem 'coffee-rails', '~> 4.1.0' 
# See https://github.com/rails/execjs#readme for more supported runtimes 
# gem 'therubyracer', platforms: :ruby 

# Use jquery as the JavaScript library 
gem 'jquery-rails' 
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks 
gem 'turbolinks' 
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder 
gem 'jbuilder', '~> 2.0' 
# bundle exec rake doc:rails generates the API under doc/api. 
gem 'sdoc', '~> 0.4.0', group: :doc 

# Use ActiveModel has_secure_password 
# gem 'bcrypt', '~> 3.1.7' 

# Use Unicorn as the app server 
# gem 'unicorn' 

# Use Capistrano for deployment 
# gem 'capistrano-rails', group: :development 

group :development, :test do 
    # Call 'byebug' anywhere in the code to stop execution and get a debugger console 
    gem 'byebug' 
end 

group :development do 
    # Access an IRB console on exception pages or by using <%= console %> in views 
    gem 'web-console', '~> 2.0' 
end 

# Windows does not include zoneinfo files, so bundle the tzinfo-data gem 
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] 

gem 'activerecord-postgis-adapter' 
gem 'leaflet-rails' 
gem 'leaflet-markercluster-rails' 
gem 'gon' 

的application.js

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require leaflet 
//= require leaflet-google 
//= require leaflet.markercluster 
//= require_tree 

application.css

*= require leaflet 
*= require leaflet.markercluster 
*= require leaflet.markercluster.default 
*= require_tree . 
*= require_self 

的CoffeeScript

$ -> 
    map = L.map("mapid").setView([47.6345153, -122.3208297], 18) 
    map.options.maxZoom = 22 
    map.options.bounceAtZoomLimits = true 
    googleLayer = new L.Google("ROADMAP") 
    map.addLayer googleLayer 
    markers = L.markerClusterGroup() 

    for i in[0...10] 
     markers.addLayer L.marker([47.6345 + (Math.random()/2000), -122.3208 + (Math.random()/2000)]) 
    markers.refreshClusters 
    map.addLayer markers 

任何幫助將是美好的。

Sample of google map with leaflet markerclusters not working

+0

'L.markerClusterGroup([47.6345153,-122.3208297])'很奇怪:它應該接收一個標記數組(或沒有),而不是座標。 – ghybs

+0

好抓@gyybs - 可悲的是它沒有任何區別。從我搞亂的時候,它一定是一些神器。 我已更新我的帖子,並將代碼類型從JavaScript更改爲coffeescript,以便爲每個人清楚地說明問題。 我還添加了一個圖像,顯示標記羣(僅數字)和標記所在的區域。 – Ben

+0

*凹凸*想知道是否有人有任何幫助或建議。我確定我錯過了一些東西,但無法弄清楚它是什麼。 我試過使用普通標記,圖標標記,json標記,divIcon標記,它們在單個時顯示,但只顯示數字時它們是羣集。 我也轉移到另一臺機器的代碼。沒有運氣。嘗試了其他底圖。沒有運氣。 – Ben

回答

0

事實證明瓣葉markercluster護欄使用代碼瓣葉markercluster 0.4,而不是更多的電流0.7了。從我可以說,這是我整個問題的根源。 :)

+0

我有同樣的問題。你是如何最終解決問題的? –

+0

似乎是版本問題。使用不同的寶石似乎解決了這個問題。 gem'rails-assets-leaflet',來源:'https://rails-assets.org' gem'rails-assets-leaflet.markercluster',來源:'https://rails-assets.org' – Ben