Issue OperationCode#699 Implemented marker clustering (OperationCode#703)

Walley Yang · jjhampton · commit f3284a4cb251 · 2017-03-18T21:55:21.000-04:00
* Issue OperationCode#699 Implemented marker clustering * Update veterans.js.coffee * Issue OperationCode#699 Decreased maxClusterRadius
diff --git a/Gemfile b/Gemfile
@@ -26,6 +26,7 @@ gem 'jbuilder', '~> 2.0'
 gem 'jquery-rails'
 gem 'jquery-turbolinks'
 gem 'leaflet-rails'
+gem 'rails-assets-leaflet.markercluster', source: 'https://rails-assets.org'
 gem 'sass-rails', '~> 4.0.3' # review node folders
 gem 'split', require: 'split/dashboard' # adds A/B testing capability
 gem 'turbolinks'
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
@@ -14,4 +14,5 @@
 //= require jquery_ujs
 //= require bootstrap
 //= require leaflet
+//= require leaflet.markercluster
 //= require veterans
diff --git a/app/assets/javascripts/veterans.js.coffee b/app/assets/javascripts/veterans.js.coffee
@@ -9,6 +9,7 @@ $ ->
   osmUrl = '//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
   osmAttrib = 'Map data © <a href="http://openstreetmap.org">'
   osmAttrib += 'OpenStreetMap</a> contributors'
+  markers = L.markerClusterGroup({maxClusterRadius:25})
 
   L.tileLayer(osmUrl, {
     attribution: osmAttrib
@@ -18,4 +19,4 @@ $ ->
   $.each latlongs, (i, value) ->
     if value[0] is null || value[1] is null
       return
-    L.marker(value).addTo(veteranMap)
+    markers.addLayer(L.marker(value)).addTo(veteranMap)
diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
@@ -1,4 +1,5 @@
 //= require leaflet
+//= require leaflet.markercluster
 
 //@import "active_admin";
 @import "colors";

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`//= require leaflet`
	`2`	`+//= require leaflet.markercluster`
`2`	`3`
`3`	`4`	`//@import "active_admin";`
`4`	`5`	`@import "colors";`