83 lines
3.2 KiB
JavaScript
83 lines
3.2 KiB
JavaScript
|
/*
|
||
|
|
* The MIT License (MIT)
|
||
|
|
*
|
||
|
|
* Copyright (c) 2015 Benjamin Becquet
|
||
|
|
*
|
||
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||
|
|
* of this software and associated documentation files (the "Software"), to deal
|
||
|
|
* in the Software without restriction, including without limitation the rights
|
||
|
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||
|
|
* copies of the Software, and to permit persons to whom the Software is
|
||
|
|
* furnished to do so, subject to the following conditions:
|
||
|
|
*
|
||
|
|
* The above copyright notice and this permission notice shall be included in all
|
||
|
|
* copies or substantial portions of the Software.
|
||
|
|
*
|
||
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||
|
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||
|
|
* SOFTWARE.
|
||
|
|
*
|
||
|
|
* https://github.com/bbecquet/Leaflet.RotatedMarker
|
||
|
|
*/
|
||
|
|
(function() {
|
||
|
|
// save these original methods before they are overwritten
|
||
|
|
var proto_initIcon = L.Marker.prototype._initIcon;
|
||
|
|
var proto_setPos = L.Marker.prototype._setPos;
|
||
|
|
|
||
|
|
var oldIE = (L.DomUtil.TRANSFORM === 'msTransform');
|
||
|
|
|
||
|
|
L.Marker.addInitHook(function () {
|
||
|
|
var iconOptions = this.options.icon && this.options.icon.options;
|
||
|
|
var iconAnchor = iconOptions && this.options.icon.options.iconAnchor;
|
||
|
|
if (iconAnchor) {
|
||
|
|
iconAnchor = (iconAnchor[0] + 'px ' + iconAnchor[1] + 'px');
|
||
|
|
}
|
||
|
|
this.options.rotationOrigin = this.options.rotationOrigin || iconAnchor || 'center bottom' ;
|
||
|
|
this.options.rotationAngle = this.options.rotationAngle || 0;
|
||
|
|
|
||
|
|
// Ensure marker keeps rotated during dragging
|
||
|
|
this.on('drag', function(e) { e.target._applyRotation(); });
|
||
|
|
});
|
||
|
|
|
||
|
|
L.Marker.include({
|
||
|
|
_initIcon: function() {
|
||
|
|
proto_initIcon.call(this);
|
||
|
|
},
|
||
|
|
|
||
|
|
_setPos: function (pos) {
|
||
|
|
proto_setPos.call(this, pos);
|
||
|
|
this._applyRotation();
|
||
|
|
},
|
||
|
|
|
||
|
|
_applyRotation: function () {
|
||
|
|
if(this.options.rotationAngle) {
|
||
|
|
this._icon.style[L.DomUtil.TRANSFORM+'Origin'] = this.options.rotationOrigin;
|
||
|
|
|
||
|
|
if(oldIE) {
|
||
|
|
// for IE 9, use the 2D rotation
|
||
|
|
this._icon.style[L.DomUtil.TRANSFORM] = 'rotate(' + this.options.rotationAngle + 'deg)';
|
||
|
|
} else {
|
||
|
|
// for modern browsers, prefer the 3D accelerated version
|
||
|
|
this._icon.style[L.DomUtil.TRANSFORM] += ' rotateZ(' + this.options.rotationAngle + 'deg)';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
setRotationAngle: function(angle) {
|
||
|
|
this.options.rotationAngle = angle;
|
||
|
|
this.update();
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
setRotationOrigin: function(origin) {
|
||
|
|
this.options.rotationOrigin = origin;
|
||
|
|
this.update();
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
})();
|