Support Retina Displays

[bobymicroby]

If you add this lines to MapLabel.prototype.onAdd

canvas.width = 500;
canvas.height = 500;
canvas.style.width = "250px";
canvas.style.height = "250px";

You can support hi-res displays. Otherwise the labels look blurry.

[whysoserious]

Works like a charm, thanks @bobymicroby

[bobymicroby]

@whysoserious 👍

[doubleswirve]

Thanks! @bobymicroby

[msikma]

Unfortunately this breaks center-aligning the labels. Haven't figured out a nice solution yet.

[a6o]

To fix @msikma s problem

MapLabel.prototype.getMarginLeft_ = function(textWidth) {
  switch (this.get('align')) {
    case 'left':
      return 0;
    case 'right':
      return -textWidth;
  }
  return textWidth / -4;
};

Basically, instead of dividing by -2, divide by -4, since ratio of canvas size and canvas style is 2, i have doubled down the number