2016-09-22 71 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