Merge branch 'three' of https://github.com/tschaub/openlayers into three

src/ol.js

@@ -3,3 +3,5 @@ goog.require('ol.bounds');
 goog.require("ol.map");
 goog.require("ol.loc");
 goog.require("ol.projection");
+
+goog.require("ol.Tile");

src/ol/Tile.js

@@ -0,0 +1,52 @@
+goog.provide('ol.Tile');
+
+/**
+ * The Tile class.
+ * @constructor
+ */
+ol.Tile = function() {
+
+    /**
+     * @private
+     * @type {Element}
+     */
+    this.img_ = ol.Tile.createImage();
+};
+
+/**
+ * Load the tile for a given URL.
+ * @param {string} src The src URL.
+ */
+ol.Tile.prototype.load = function(src) {
+    this.setImgSrc(src);
+};
+
+/**
+ * Set the image src.
+ * @param {string|undefined} src The src URL.
+ * @return {ol.Tile}
+ */
+ol.Tile.prototype.setImgSrc = function(src) {
+    this.img_.src = src;
+    return this;
+};
+
+/**
+ * Get the image node.
+ * @return {Element}
+ */
+ol.Tile.prototype.getImg = function() {
+    return this.img_;
+};
+
+/**
+ * Create an image node. This is done by cloning
+ * an image template.
+ * @return {Element}
+ */
+ol.Tile.createImage = (function() {
+    var img = document.createElement("img");
+    return function() {
+        return img.cloneNode(false);
+    };
+})();