Prototype Bing stuff.

1 files changed, 96 insertions, 0 deletions

diff --git a/web/js/map-bing-ol.js b/web/js/map-bing-ol.js
new file mode 100644
index 000000000..ba9445326
--- /dev/null
+++ b/web/js/map-bing-ol.js
@@ -0,0 +1,96 @@
+YAHOO.util.Event.onContentReady('map', function() {
+    var map = new OpenLayers.Map("map", {
+        controls: [
+                  new OpenLayers.Control.ArgParser(),
+                  //new OpenLayers.Control.LayerSwitcher(),
+                  new OpenLayers.Control.Navigation(),
+                  new OpenLayers.Control.PanZoom()
+                ],
+        displayProjection: new OpenLayers.Projection("EPSG:4326")
+    });
+    var bing = new OpenLayers.Layer.Bing("", {
+        zoomOffset: 13,
+        numZoomLevels: 4
+    });
+    map.addLayer(bing);
+
+    var centre = new OpenLayers.LonLat( fixmystreet.easting, fixmystreet.northing );
+    centre.transform(
+        new OpenLayers.Projection("EPSG:27700"),
+        map.getProjectionObject()
+    );
+    map.setCenter(centre, 3);
+});
+
+OpenLayers.Util.OS = {};
+OpenLayers.Util.OS.MISSING_TILE_URL = "http://openstreetmap.org/openlayers/img/404.png";
+OpenLayers.Util.OS.originalOnImageLoadError = OpenLayers.Util.onImageLoadError;
+OpenLayers.Util.onImageLoadError = function() {
+    OpenLayers.Util.OS.originalOnImageLoadError;
+};
+
+OpenLayers.Layer.Bing = OpenLayers.Class(OpenLayers.Layer.XYZ, {
+    initialize: function(name, options) {
+        var url = [];
+        options = OpenLayers.Util.extend({
+            /* Below line added to OSM's file in order to allow minimum zoom level */
+            maxResolution: 156543.0339/Math.pow(2, options.zoomOffset || 0),
+            numZoomLevels: 18,
+            transitionEffect: "resize",
+            sphericalMercator: true,
+            attribution: "© Microsoft / OS 2010"
+        }, options);
+        var newArguments = [name, url, options];
+        OpenLayers.Layer.XYZ.prototype.initialize.apply(this, newArguments);
+    },
+
+    get_quadkey: function(x, y, level) {
+        var key = '';
+        for (var i = level; i > 0; i--) {
+            var digit = 0;
+            var mask = 1 << (i - 1);
+            if ((x & mask) != 0) {
+                digit++;
+            }
+            if ((y & mask) != 0) {
+                digit += 2;
+            }
+            key += digit;
+        }
+        return key;
+    },
+
+    getURL: function (bounds) {
+        var res = this.map.getResolution();
+        var x = Math.round((bounds.left - this.maxExtent.left)
+            / (res * this.tileSize.w));
+        var y = Math.round((this.maxExtent.top - bounds.top)
+            / (res * this.tileSize.h));
+        var z = this.serverResolutions != null ?
+            OpenLayers.Util.indexOf(this.serverResolutions, res) :
+            this.map.getZoom() + this.zoomOffset;
+
+        if (z == 16) {
+            var url = [
+                "http://a.os.openstreetmap.org/sv/${z}/${x}/${y}.png",
+                "http://b.os.openstreetmap.org/sv/${z}/${x}/${y}.png",
+                "http://c.os.openstreetmap.org/sv/${z}/${x}/${y}.png"
+            ];
+        } else {
+            var url = [
+                "http://ecn.t0.tiles.virtualearth.net/tiles/r${id}.png?g=587&productSet=mmOS",
+                "http://ecn.t1.tiles.virtualearth.net/tiles/r${id}.png?g=587&productSet=mmOS",
+                "http://ecn.t2.tiles.virtualearth.net/tiles/r${id}.png?g=587&productSet=mmOS",
+                "http://ecn.t3.tiles.virtualearth.net/tiles/r${id}.png?g=587&productSet=mmOS"
+            ];
+        }
+        var s = '' + x + y + z;
+        url = this.selectUrl(s, url);
+       
+        var id = this.get_quadkey(x, y, z);
+        var path = OpenLayers.String.format(url, {'id': id, 'x': x, 'y': y, 'z': z});
+        return path;
+    },
+
+    CLASS_NAME: "OpenLayers.Layer.Bing"
+});