X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/c941bc197cfa499ec140025715e8fac0b9a1f95e..3ed64ceb54934393c9f39b2b0b15e6835a8595d1:/public/javascripts/map.js diff --git a/public/javascripts/map.js b/public/javascripts/map.js index fab00e81d..046c75456 100644 --- a/public/javascripts/map.js +++ b/public/javascripts/map.js @@ -3,54 +3,28 @@ var markers; var popup; function createMap(divName) { - OpenLayers.Util.onImageLoadError = function() { - this.src = OpenLayers.Util.getImagesLocation() + "404.png"; - } - map = new OpenLayers.Map(divName, { maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508), - numZoomLevels: 19, maxResolution: 156543, units: 'm', projection: "EPSG:41001" }); - var mapnik = new OpenLayers.Layer.TMS("Mapnik", - ["http://a.tile.openstreetmap.org/","http://b.tile.openstreetmap.org/","http://c.tile.openstreetmap.org/"], - { type: 'png', getURL: getTileURL, displayOutsideMaxExtent: true }); + var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", { displayOutsideMaxExtent: true }); map.addLayer(mapnik); - var osmarender = new OpenLayers.Layer.TMS("Osmarender", - "http://dev.openstreetmap.org/~ojw/Tiles/tile.php/", - { type: 'png', getURL: getTileURL, displayOutsideMaxExtent: true }); + var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", { displayOutsideMaxExtent: true }); map.addLayer(osmarender); - markers = new OpenLayers.Layer.Markers("markers", { visibility: false }); + var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels); + markers = new OpenLayers.Layer.Markers("Markers", { visibility: false, numZoomLevels: numZoomLevels }); map.addLayer(markers); map.addControl(new OpenLayers.Control.LayerSwitcher()); + map.addControl(new OpenLayers.Control.KeyboardDefaults()); return map; } -function getTileURL(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.map.getZoom(); - var limit = Math.pow(2, z); - - if (y < 0 || y >= limit) - { - return OpenLayers.Util.getImagesLocation() + "404.png"; - } - else - { - x = ((x % limit) + limit) % limit; - - return this.url + z + "/" + x + "/" + y + "." + this.type; - } -} - function getArrowIcon() { var size = new OpenLayers.Size(25, 22); var offset = new OpenLayers.Pixel(-30, -27);