HoneycombOverlay 增加绘制label

Author: fengluhome

src/config/HoneycombConfig.js

@@ -32,7 +32,7 @@ export default {
                 font: '12px sans-serif',
                 shadowBlur: 0,
                 lineWidth: 1,
-                color: 'rgba(75,80,86,1)',
+                color: 'rgba(255,255,255,1)'
             },
         },
         mouseOver: {

src/overlay/HoneycombOverlay.js

@@ -12,7 +12,7 @@ export default class HoneycombOverlay extends Parameter {
     setOptionStyle(ops, callback) {
         this._setStyle(this._option, ops, callback);
     }
-    
+
     draw() {
         this._toDraw();
     }
@@ -226,6 +226,15 @@ export default class HoneycombOverlay extends Parameter {
             if (item.list.length > 0 && x > -gridsW && y > -gridsW && x < mapSize.width + gridsW && y < mapSize.height + gridsW) {
                 let drawStyle = this._getStyle(item, i);
                 this._drawLine(x, y, gridsW - style.padding, drawStyle, this._ctx);
+                if (style.label.show) {
+                    const text = item.count.toFixed(0);
+                    this._ctx.font = style.label.font;
+                    this._ctx.fillStyle = style.label.color;
+                    let width = this._ctx.measureText(text).width;
+                    const labelX = (x - width / 2);
+                    const labelY = y;
+                    this._ctx.fillText(text, labelX, labelY);
+                }
             }
         }
     }