e_markerclusterer 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 036bbe1cfb29099fb117927c0d1b358bb6342a0d
-  data.tar.gz: b9b083a7c57324fbb3174a305b4abe961fa5fafe
+  metadata.gz: 2fda90d57a4418f76ff26c9062c126643a9b0b2a
+  data.tar.gz: c192acae32e08681c080c055b6c18a739ceb10af
 SHA512:
-  metadata.gz: 93fddfafc0efb2343897c0a0148e428be0d663fc2ad96640090300be012c02de43b60ef48a42f71e2333fb46ccb2a1d86aa2aba789c79640d162f7c5bb34e882
-  data.tar.gz: 026697129723fa4bde3bf4eb931976124005cee741c868537be6ff1f073915d2be1b8e939685cf4bbe52cd2618174ee7056640e7d32feb0e43a3cb2eed36c0ba
+  metadata.gz: d2e1585009544d02f2caab1e3b372530fc900c65284dc45f872337048575d09f785afaac4281f320f3d156e59ca98ec761ddea30794193fa18002619096e35bd
+  data.tar.gz: 5b12bbce4bf719dab00c2e0204ea80d4ebb0940822c8978aa7d522a863d212f6aee581e44f794d76ec0b2f96a131e7402a9eb9c44266d04505d14a4632329eb6

data/CHANGELOG.md

@@ -0,0 +1,9 @@
+  Note: This is in reverse chronological order, so newer entries are added to the top.
+
+## Enhanced MarkerClusterer 0.0.3
+
+---
+
+* An element 'legendStyle' of opt_options to MarkerClusterer is added to set styles of legend box, which set several styles like position on Map, tag id, classes, and HTML CSS.
+
+## Enhanced MarkerClusterer 0.0.2

data/README.md

@@ -119,5 +119,5 @@ Unless required by applicable law or agreed to in writing, software distributed
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/skonmeme/e_markerclusterer.
+Bug reports and pull requests are welcome on GitHub at https://github.com/sktivd/e_markerclusterer.
 

data/lib/assets/javascripts/e_markerclusterer.js

@@ -797,6 +797,8 @@ Cluster.prototype.isMarkerAlreadyAdded_ = function (marker) {
  *  An array of numbers containing the widths of the group of
  *  <code>imagePath</code>n.<code>imageExtension</code> image files.
  *  (The images are assumed to be square.)
+ * @property {Hash} {legendStyle=MarkerClusterer.LEGEND_STYLE}
+ * An hash of styles for legend of infographics.
  */
 /**
  * Creates a MarkerClusterer object with the options specified in {@link MarkerClustererOptions}.
@@ -852,6 +854,12 @@ function MarkerClusterer(map, opt_markers, opt_options) {
   this.batchSize_ = opt_options.batchSize || MarkerClusterer.BATCH_SIZE;
   this.batchSizeIE_ = opt_options.batchSizeIE || MarkerClusterer.BATCH_SIZE_IE;
   this.clusterClass_ = opt_options.clusterClass || "cluster";
+  
+  legendStyle = opt_options.legendStyle || {}
+  this.legendStyle_ = MarkerClusterer.LEGEND_STYLE;
+  for (var key in legendStyle) {
+    this.legendStyle_[key] = legendStyle[key];
+  }
 
   if (navigator.userAgent.toLowerCase().indexOf("msie") !== -1) {
     // Try to avoid IE timeout when processing a huge number of markers:
@@ -862,6 +870,9 @@ function MarkerClusterer(map, opt_markers, opt_options) {
 
   this.addMarkers(opt_markers, true);
   this.setMap(map); // Note: this causes onAdd to be called
+
+  // legend need getMap function to set a position of legend box
+  this.setupLegend_(opt_markers);
 }
 
 
@@ -936,32 +947,6 @@ MarkerClusterer.prototype.onRemove = function () {
  */
 MarkerClusterer.prototype.draw = function () {};
 
-
-/**
- * Sets up the styles object.
- */
-/*
-MarkerClusterer.prototype.setupStyles_ = function () {
-  var i, size;
-  var imagePath = [];
-  if (this.styles_.length > 0) {
-    return;
-  }
-  
-  <% (0..5).each do |i| %>
-    imagePath.push("<%= image_path('m' + (i + 1).to_s + '.png') %>");
-  <% end %>
-  for (i = 0; i < this.imageSizes_.length; i++) {
-    size = this.imageSizes_[i];
-    this.styles_.push({
-      url: imagePath[i],
-      height: size,
-      width: size
-    });
-  }
-}
-*/
-
 MarkerClusterer.prototype.setupStyles_ = function () {
   var i, size;
   var imagePath = [];
@@ -982,7 +967,6 @@ MarkerClusterer.prototype.setupStyles_ = function () {
 /**
  * Set up the legend of infographics
  */
-
 MarkerClusterer.prototype.setupLegend_ = function (markers) {
   var colorSeries = ["#3366cc", "#dc3912", "#ff9900", "#109618", "#990099", "#0099c6", "#dd4477", "#66aa00",
     "#b82e2e", "#316395", "#994499", "#22aa99", "#aaaa11", "#6633cc", "#e67300", "#8b0707", "#651067",
@@ -1022,9 +1006,16 @@ MarkerClusterer.prototype.setupLegend_ = function (markers) {
     }
   }
 
+  // set legend div block
   var legend_div = document.createElement('div');
-  legend_div.style.cssText = "margin-right: 5px; background-color: rgba(255, 255, 255, 0.9); padding: 10px; width: 123px";
-  this.map_.controls[google.maps.ControlPosition.RIGHT_TOP].push(legend_div);
+  if (this.legendStyle_.hasOwnProperty('id')) {
+    legend_div.id = this.legendStyle_['id'];    
+  }
+  if (this.legendStyle_.hasOwnProperty('class')) {
+    legend_div.className = this.legendStyle_['class'];
+  }
+  legend_div.style.cssText = this.legendStyle_['css']
+  this.getMap().controls[this.legendStyle_['position']].push(legend_div);
 
   for (var title in this.legend_) {
     var color = this.legend_[title];
@@ -1059,7 +1050,25 @@ MarkerClusterer.prototype.fitMapToMarkers = function () {
 /**
  * Returns the value of the <code>legend</code> property.
  *
- * @return {Objects} The grid size.
+ * @return {Hash} The hash of styles for legend of infograpihcs.
+ */
+MarkerClusterer.prototype.getLegendSytle = function () {
+    return this.legendStyle_;
+};
+
+/**
+ * Sets the value of the <code>legend</code> property.
+ *
+ * @param {Hash} {legendStyle} The hash of styles for legend of infographics.
+ */
+MarkerClusterer.prototype.setLegendStyle = function (legendStyle) {
+    this.legendStyle_ = legendStyle;
+};
+
+/**
+ * Returns the value of the <code>legend</code> property.
+ *
+ * @return {Hash} The legend of infographics.
  */
 MarkerClusterer.prototype.getLegend = function () {
     return this.legend_;
@@ -1881,3 +1890,14 @@ MarkerClusterer.IMAGE_EXTENSION = "png";
  * @constant
  */
 MarkerClusterer.IMAGE_SIZES = [53, 56, 66, 78, 90];
+
+/**
+ * The default hash for the marker cluster legend.
+ *
+ * @type {Object.<string>}
+ * @constant
+ */
+MarkerClusterer.LEGEND_STYLE = {
+  css: 'margin-right: 5px; background-color: rgba(255, 255, 255, 0.5); padding: 10px; width: 123px',
+  position: google.maps.ControlPosition.RIGHT_TOP
+};

data/lib/e_markerclusterer/version.rb

@@ -1,3 +1,3 @@
 module EMarkerclusterer
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: e_markerclusterer
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Sung Gon Yi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-07-07 00:00:00.000000000 Z
+date: 2016-07-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -206,6 +206,7 @@ extra_rdoc_files: []
 files:
 - ".gitignore"
 - ".travis.yml"
+- CHANGELOG.md
 - Gemfile
 - Guardfile
 - LICENSE