Set the number of zoom levels for the marker layer based on the

[rails.git] / public / javascripts / map.js

diff --git a/public/javascripts/map.js b/public/javascripts/map.js
index 2f7d52e589b380ee99eb24b62a2e02484e04b38f..046c754568fd87e957518281a1860a0dc90d38af 100644 (file)
--- a/public/javascripts/map.js
+++ b/public/javascripts/map.js
@@ -3,54 +3,28 @@ var markers;
 var popup;
 
 function createMap(divName) {
 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),
    map = new OpenLayers.Map(divName,
                             { maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),

-                              numZoomLevels: 19,

                               maxResolution: 156543,
                               units: 'm',
                               projection: "EPSG:41001" });
 
                               maxResolution: 156543,
                               units: 'm',
                               projection: "EPSG:41001" });
 

-   var mapnik = new OpenLayers.Layer.TMS("Mapnik",
-                                         "http://tile.openstreetmap.org/",
-                                         { type: 'png', getURL: getTileURL, displayOutsideMaxExtent: true });
+   var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", { displayOutsideMaxExtent: true });

    map.addLayer(mapnik);
 
    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);
 
    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.addLayer(markers);
 
    map.addControl(new OpenLayers.Control.LayerSwitcher());

+   map.addControl(new OpenLayers.Control.KeyboardDefaults());

 
    return map;
 }
 
 
    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);
 function getArrowIcon() {
    var size = new OpenLayers.Size(25, 22);
    var offset = new OpenLayers.Pixel(-30, -27);