58 lines
1.4 KiB
JavaScript
58 lines
1.4 KiB
JavaScript
L.ImageOverlay = L.Class.extend({
|
|
includes: L.Mixin.Events,
|
|
|
|
initialize: function(/*String*/ url, /*LatLngBounds*/ bounds) {
|
|
this._url = url;
|
|
this._bounds = bounds;
|
|
},
|
|
|
|
onAdd: function(map) {
|
|
this._map = map;
|
|
|
|
if (!this._image) {
|
|
this._initImage();
|
|
}
|
|
|
|
map.getPanes().overlayPane.appendChild(this._image);
|
|
|
|
map.on('viewreset', this._reset, this);
|
|
this._reset();
|
|
},
|
|
|
|
onRemove: function(map) {
|
|
map.getPanes().overlayPane.removeChild(this._image);
|
|
map.off('viewreset', this._reset, this);
|
|
},
|
|
|
|
_initImage: function() {
|
|
this._image = L.DomUtil.create('img', 'leaflet-image-layer');
|
|
|
|
this._image.style.visibility = 'hidden';
|
|
//TODO opacity option
|
|
|
|
//TODO createImage util method to remove duplication
|
|
L.Util.extend(this._image, {
|
|
galleryimg: 'no',
|
|
onselectstart: L.Util.falseFn,
|
|
onmousemove: L.Util.falseFn,
|
|
onload: this._onImageLoad,
|
|
src: this._url
|
|
});
|
|
},
|
|
|
|
_reset: function() {
|
|
var topLeft = this._map.latLngToLayerPoint(this._bounds.getNorthWest()),
|
|
bottomRight = this._map.latLngToLayerPoint(this._bounds.getSouthEast()),
|
|
size = bottomRight.subtract(topLeft);
|
|
|
|
L.DomUtil.setPosition(this._image, topLeft);
|
|
|
|
this._image.style.width = size.x + 'px';
|
|
this._image.style.height = size.y + 'px';
|
|
},
|
|
|
|
_onImageLoad: function() {
|
|
this.style.visibility = '';
|
|
//TODO fire layerload
|
|
}
|
|
}); |