add an ol.Tile class

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,50 @@
+goog.provide('ol.Tile');
+
+/**
+ * @constructor
+ */
+ol.Tile = function() {
+
+    /**
+     * @private
+     */
+    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);
+    };
+})();

test/index.html

@@ -16,6 +16,7 @@
   <script type="text/javascript" src="spec/ol/Loc.test.js"></script>
   <script type="text/javascript" src="spec/ol/Map.test.js"></script>
   <script type="text/javascript" src="spec/ol/Projection.test.js"></script>
+  <script type="text/javascript" src="spec/ol/Tile.test.js"></script>
 
   <script type="text/javascript">
     (function() {

test/spec/ol/Tile.test.js

@@ -0,0 +1,24 @@
+describe("ol.Tile", function() {
+
+    describe("creating a tile", function() {
+        it("creates a tile instance", function() {
+            var tile = new ol.Tile();
+            expect(tile instanceof ol.Tile).toBe(true);
+        });
+        it("sets an image node in the instance", function() {
+            var tile = new ol.Tile();
+            expect(tile.getImg()).toBeDefined();
+        });
+    });
+
+    describe("setting a source", function() {
+        var tile;
+        beforeEach(function() {
+            tile = new ol.Tile();
+        });
+        it("sets the image source", function() {
+            tile.setImgSrc("http://foo/img");
+            expect(tile.getImg().src).toEqual("http://foo/img");
+        });
+    });
+});