Google simple marker

simple-marker.js

/*
  Simple Google Markers
  ex: var marker = new stamen.simpleMarker(map,latlng);
*/

(function(exports) {

  var stamen = exports.stamen || (exports.stamen = {});

  stamen.simpleMarker = function(map, latlng) {
    this.div_ = null;
    this.visible_ = false;
    this.latlng = latlng;
    this.setMap(map);
  }

  stamen.simpleMarker.prototype = new google.maps.OverlayView();

  stamen.simpleMarker.prototype.draw = function() {
    if (this.visible_) {
      var proj = this.getProjection();
      var pos = proj.fromLatLngToDivPixel(this.latlng);
      this.div_.style.top = pos.y + 'px';
      this.div_.style.left = pos.x + 'px';
    }
  };

  stamen.simpleMarker.prototype.onAdd = function() {
    this.div_ = document.createElement('DIV');

    d3.select(this.div_).classed('pulse', true);
    this.visible_ = true;
    var panes = this.getPanes();
    panes.overlayImage.appendChild(this.div_);
    this.draw();
  };

  stamen.simpleMarker.prototype.remove = function() {
    this.setMap(null);
  };

  // Not sure if this is needed...
  stamen.simpleMarker.prototype.onRemove = function() {
    console.log('Marker  onRemove.....');
    if (this.div_ && this.div_.parentNode) {
      this.div_.parentNode.removeChild(this.div_);
      this.div_ = null;
      this.visible_ = false;
    }
  };

})(this);