From: Tom Hughes <tom@compton.nu>
Date: Wed, 16 Apr 2008 23:52:32 +0000 (+0000)
Subject: Merged 7296:7388 from rails_port trunk.
X-Git-Tag: live~8847^2~15
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/4cc400de436a5dc33b66bc735b5fb6257e066a5a?ds=sidebyside;hp=-c

Merged 7296:7388 from rails_port trunk.
---

4cc400de436a5dc33b66bc735b5fb6257e066a5a
diff --combined public/javascripts/map.js
index 9858d4576,d8765fe1a..51cd9f6a5
--- a/public/javascripts/map.js
+++ b/public/javascripts/map.js
@@@ -1,3 -1,4 +1,4 @@@
+ var epsg4326 = new OpenLayers.Projection("EPSG:4326");
  var map;
  var markers;
  var popup;
@@@ -5,35 -6,46 +6,47 @@@
  OpenLayers._getScriptLocation = function () {
     return "/openlayers/";
  }
-    
+ 
  function createMap(divName) {
     map = new OpenLayers.Map(divName, {
-       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
-       maxResolution: 156543,
-       units: "m",
-       projection: "EPSG:900913",
        controls: [
-          new OpenLayers.Control.ArgParser(), 
+          new OpenLayers.Control.ArgParser(),
           new OpenLayers.Control.Attribution(),
           new OpenLayers.Control.LayerSwitcher(),
-          new OpenLayers.Control.Navigation(), 
-          new OpenLayers.Control.PanZoomBar()
-       ]
+          new OpenLayers.Control.Navigation(),
+          new OpenLayers.Control.PanZoomBar(),
+          new OpenLayers.Control.ScaleLine()
+       ],
++      maxResolution: 156543,
+       units: "m"
     });
  
-    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", { displayOutsideMaxExtent: true });
+    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
+       displayOutsideMaxExtent: true,
+       wrapDateLine: true
+    });
     map.addLayer(mapnik);
  
-    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", { displayOutsideMaxExtent: true });
+    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", {
+       displayOutsideMaxExtent: true,
+       wrapDateLine: true
+    });
     map.addLayer(osmarender);
  
-    var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", { displayOutsideMaxExtent: true });
+    var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", {
+       displayOutsideMaxExtent: true,
+       wrapDateLine: true
+    });
     map.addLayer(maplint);
  
     var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);
-    markers = new OpenLayers.Layer.Markers("Markers", { 
+    markers = new OpenLayers.Layer.Markers("Markers", {
        displayInLayerSwitcher: false,
-       numZoomLevels: numZoomLevels
+       numZoomLevels: numZoomLevels,
+       maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
+       maxResolution: 156543,
+       units: "m",
+       projection: "EPSG:900913"
     });
     map.addLayer(markers);
  
@@@ -49,7 -61,7 +62,7 @@@ function getArrowIcon() 
  }
  
  function addMarkerToMap(position, icon, description) {
-    var marker = new OpenLayers.Marker(position, icon);
+    var marker = new OpenLayers.Marker(position.clone().transform(epsg4326, map.getProjectionObject()), icon);
  
     markers.addMarker(marker);
  
@@@ -63,11 -75,10 +76,10 @@@
  function openMapPopup(marker, description) {
     closeMapPopup();
  
-    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat,
-                                                sizeMapPopup(description),
-                                                "<p style='padding-right: 28px'>" + description + "</p>",
-                                                marker.icon, true);
+    popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat, null,
+                                                description, marker.icon, true);
     popup.setBackgroundColor("#E3FFC5");
+    popup.autoSize = true;
     map.addPopup(popup);
  
     return popup;
@@@ -80,29 -91,24 +92,24 @@@ function closeMapPopup() 
     }
  }
  
- function sizeMapPopup(text) {
-    var box = document.createElement("div");
- 
-    box.innerHTML = text;
-    box.style.visibility = "hidden";
-    box.style.position = "absolute";
-    box.style.top = "0px";
-    box.style.left = "0px";
-    box.style.width = "200px";
-    box.style.height = "auto";
- 
-    document.body.appendChild(box);
+ function removeMarkerFromMap(marker){
+    markers.removeMarker(marker);
+ }
  
-    var width = box.offsetWidth;
-    var height = box.offsetHeight;
+ function getMapCenter(center, zoom) {
+    return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326);
+ }
  
-    document.body.removeChild(box);
+ function setMapCenter(center, zoom) {
+    map.setCenter(center.clone().transform(epsg4326, map.getProjectionObject()), zoom);
+ }
  
-    return new OpenLayers.Size(width + 30, height + 24);
+ function setMapExtent(extent) {
+    map.zoomToExtent(extent.clone().transform(epsg4326, map.getProjectionObject()));
  }
  
- function removeMarkerFromMap(marker){
-    markers.removeMarker(marker);
+ function getEventPosition(event) {
+    return map.getLonLatFromViewPortPx(e.xy).clone().transform(epsg4326, map.getProjectionObject());
  }
  
  function getMapLayers() {
@@@ -124,37 -130,16 +131,19 @@@
  function setMapLayers(layers) {
     for (var i=0; i < layers.length; i++) {
        var layer = map.layers[i];
 -      var c = layers.charAt(i);
  
 -      if (c == "B") {
 -         map.setBaseLayer(layer);
 -      } else if ( (c == "T") || (c == "F") ) {
 -         layer.setVisibility(c == "T");
 +      if (layer) {
 +         var c = layers.charAt(i);
 +
 +         if (c == "B") {
 +            map.setBaseLayer(layer);
 +         } else if ( (c == "T") || (c == "F") ) {
 +            layer.setVisibility(c == "T");
 +         }
        }
     }
  }
  
- function mercatorToLonLat(merc) {
-    var lon = (merc.lon / 20037508.34) * 180;
-    var lat = (merc.lat / 20037508.34) * 180;
- 
-    lat = 180/Math.PI * (2 * Math.atan(Math.exp(lat * Math.PI / 180)) - Math.PI / 2);
- 
-    return new OpenLayers.LonLat(lon, lat);
- }
- 
- function lonLatToMercator(ll) {
-    var lon = ll.lon * 20037508.34 / 180;
-    var lat = Math.log(Math.tan((90 + ll.lat) * Math.PI / 360)) / (Math.PI / 180);
- 
-    lat = lat * 20037508.34 / 180;
- 
-    return new OpenLayers.LonLat(lon, lat);
- }
- 
  function scaleToZoom(scale) {
     return Math.log(360.0/(scale * 512.0)) / Math.log(2.0);
  }