Initial commit

- Move layer from atogle/walkshed.js

Author: atogle

VERSION

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2013, Aaron Ogle
+
+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.

src/Leaflet.ImageOverlay.Canvas.js

@@ -0,0 +1,62 @@
+/*globals L */
+
+/*
+ * L.ImageOverlay is used to overlay images over the map (to specific geographical bounds).
+ */
+L.ImageOverlay.Canvas = L.ImageOverlay.extend({
+  includes: L.Mixin.Events,
+
+  options: {
+    opacity: 1
+  },
+
+  initialize: function (bounds, options) { // (LatLngBounds, Object)
+    this._bounds = L.latLngBounds(bounds);
+
+    L.Util.setOptions(this, options);
+  },
+
+  _initImage: function () {
+    var topLeft = this._map.latLngToLayerPoint(this._bounds.getNorthWest()),
+        size = this._map.latLngToLayerPoint(this._bounds.getSouthEast())._subtract(topLeft);
+
+    this._image = this.canvas = L.DomUtil.create('canvas', 'leaflet-image-layer');
+    this._image.width  = size.x;
+    this._image.height = size.y;
+
+    if (this._map.options.zoomAnimation && L.Browser.any3d) {
+      L.DomUtil.addClass(this._image, 'leaflet-zoom-animated');
+    } else {
+      L.DomUtil.addClass(this._image, 'leaflet-zoom-hide');
+    }
+
+    this._updateOpacity();
+
+    //TODO createImage util method to remove duplication
+    L.Util.extend(this._image, {
+      galleryimg: 'no',
+      onselectstart: L.Util.falseFn,
+      onmousemove: L.Util.falseFn,
+      onload: L.Util.bind(this._onImageLoad, this)
+    });
+  },
+
+  _reset: function () {
+    var image   = this._image,
+        topLeft = this._map.latLngToLayerPoint(this._bounds.getNorthWest()),
+        size = this._map.latLngToLayerPoint(this._bounds.getSouthEast())._subtract(topLeft);
+
+    L.DomUtil.setPosition(image, topLeft);
+
+    image.style.width  = size.x + 'px';
+    image.style.height = size.y + 'px';
+  },
+
+  _onImageLoad: function () {
+    this.fire('load');
+  }
+});
+
+L.imageOverlay.canvas = function (bounds, options) {
+  return new L.ImageOverlay.Canvas(bounds, options);
+};