2

我没有得到我的标记集群的图形，只是一个数字。我怀疑缺少 css，但不确定我做错了什么。我在控制台中没有任何错误，并且在没有标记集群的情况下一切正常。

宝石文件

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'

应用程序.js

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

应用程序.css

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

咖啡脚本

$ ->
    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

任何帮助都会很棒。

带有传单标记群集的谷歌地图示例不起作用

4

1 回答 1

0

事实证明，leaflet-markercluster-rails 使用的代码来自 Leaflet-markercluster 0.4，而不是最新的 0.7。据我所知，这是我整个问题的根源。:)

于 2016-10-03T13:24:47.753 回答