title: Rotate marker in Leaflet
body: <p>How can I rotate a marker in leaflet? I will have a lot of markers, all with a rotation angle.</p>
  
  <p>I've tried this solution from <em>runanet/coomsie</em> at <a href="https://github.com/CloudMade/Leaflet/issues/386">Leaflet on GitHub</a>, but nothing happens with my marker:</p>
  
  <pre><code>L.Marker.RotatedMarker= L.Marker.extend({    
      _reset: function() {
          var pos = this._map.latLngToLayerPoint(this._latlng).round();
  
          L.DomUtil.setPosition(this._icon, pos);
          if (this._shadow) {
              L.DomUtil.setPosition(this._shadow, pos);
          }
  
          if (this.options.iconAngle) {
              this._icon.style.WebkitTransform = this._icon.style.WebkitTransform + ' rotate(' + this.options.iconAngle + 'deg)';
              this._icon.style.MozTransform = 'rotate(' + this.options.iconAngle + 'deg)';
              this._icon.style.MsTransform = 'rotate(' + this.options.iconAngle + 'deg)';
              this._icon.style.OTransform = 'rotate(' + this.options.iconAngle + 'deg)';
          }
  
          this._icon.style.zIndex = pos.y;
      },
  
      setIconAngle: function (iconAngle) {
  
          if (this._map) {
              this._removeIcon();
          }
  
          this.options.iconAngle = iconAngle;
  
          if (this._map) {
              this._initIcon();
              this._reset();
          }
      }
  
  });
  
  var rotated = new L.Marker.RotatedMarker([63.42, 10.39]);
  rotated.setIconAngle(90);
  rotated.addTo(map);
  </code></pre>
  
  <p>Any other ideas or solutions? (Testing with Firefox 16 on Windows.)</p>