Custom labels for Google Maps

gistfile1.coffee

class Label extends google.maps.OverlayView
  constructor : (options) ->
    @setValues options

    @span = document.createElement "span"
    @div = document.createElement "div"
    @div.appendChild @span

    # helpful for styling later
    $(@div).addClass "label"

  onRemove : =>
    @div.parentNode.removeChild @div

  draw : =>
    proj = @getProjection()
    pos = proj.fromLatLngToDivPixel(@get("position"))

    text = @get "text"

    $(@div).css({
      left : pos.x
      top  : pos.y
      zIndex : @get "zIndex"
    })

    $(@span).html text

  onAdd : =>
    pane = @getPanes().overlayImage
    pane.appendChild @div