1 files changed, 42 insertions, 0 deletions
diff --git a/web/js/map-tilma-ol.js b/web/js/map-tilma-ol.js
new file mode 100644
index 000000000..cfd196c1d
--- /dev/null
+++ b/web/js/map-tilma-ol.js
@@ -0,0 +1,42 @@
+YAHOO.util.Event.onContentReady('map', function() {
+    var map = new OpenLayers.Map("map", {
+        controls: [
+            new OpenLayers.Control.ArgParser(),
+            new OpenLayers.Control.Navigation(),
+            new OpenLayers.Control.PanPanel()
+        ]
+    });
+    var tilma = new OpenLayers.Layer.Tilma("Tilma", {
+        maxResolution: fixmystreet.maxResolution,
+        tileSize: new OpenLayers.Size(fixmystreet.tilewidth, fixmystreet.tileheight),
+        map_type: fixmystreet.tile_type
+    });
+    map.addLayer(tilma);
+
+    var centre = new OpenLayers.LonLat( fixmystreet.easting, fixmystreet.northing );
+    map.setCenter(centre);
+});
+
+OpenLayers.Layer.Tilma = OpenLayers.Class(OpenLayers.Layer.XYZ, {
+    initialize: function(name, options) {
+        var url = "http://tilma.mysociety.org/tileserver/${type}/${x},${y}/png";
+        options = OpenLayers.Util.extend({
+            transitionEffect: "resize",
+            numZoomLevels: 1,
+            units: "m",
+            maxExtent: new OpenLayers.Bounds(0, 0, 700000, 1300000),
+        }, options);
+        var newArguments = [name, url, options];
+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArguments);
+    },
+
+    getURL: function (bounds) {
+        var res = this.map.getResolution();
+        var x = Math.round(bounds.left / (res * this.tileSize.w));
+        var y = Math.round(bounds.bottom / (res * this.tileSize.h));
+        var path = OpenLayers.String.format(this.url, {'x': x, 'y': y, 'type': this.map_type});
+        return path;
+    },
+
+    CLASS_NAME: "OpenLayers.Layer.Tilma"
+});