X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/64fb530581ffd21e2522e70e8a2d4c46d666f760..6155eabbf8718904ef5ff5e2d33b72af70c98074:/public/javascripts/map.js?ds=sidebyside diff --git a/public/javascripts/map.js b/public/javascripts/map.js index 9773ab348..fd45d9304 100644 --- a/public/javascripts/map.js +++ b/public/javascripts/map.js @@ -13,12 +13,6 @@ var nonamekeys = { 'www.openstreetmap.net': '0bd1654141c85d30b9c2ccdb5302f2e4' }; -OpenLayers._getScriptLocation = function () { - // Should really have this file as an erb, so that this can return - // the real rails root - return "/openlayers/"; -} - function createMap(divName, options) { options = options || {}; @@ -28,8 +22,8 @@ function createMap(divName, options) { new OpenLayers.Control.Attribution(), new OpenLayers.Control.LayerSwitcher(), new OpenLayers.Control.Navigation(), - new OpenLayers.Control.PanZoomBar(), - new OpenLayers.Control.ScaleLine() + new OpenLayers.Control.PanZoom(), + new OpenLayers.Control.PanZoomBar() ], units: "m", maxResolution: 156543.0339, @@ -37,26 +31,29 @@ function createMap(divName, options) { displayProjection: new OpenLayers.Projection("EPSG:4326") }); - var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", { + var mapnik = new OpenLayers.Layer.OSM.Mapnik(i18n("javascripts.map.base.mapnik"), { + keyid: "mapnik", displayOutsideMaxExtent: true, wrapDateLine: true }); map.addLayer(mapnik); - var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", { + var osmarender = new OpenLayers.Layer.OSM.Osmarender(i18n("javascripts.map.base.osmarender"), { + keyid: "osmarender", displayOutsideMaxExtent: true, wrapDateLine: true }); map.addLayer(osmarender); - var cyclemap = new OpenLayers.Layer.OSM.CycleMap("Cycle Map", { + var cyclemap = new OpenLayers.Layer.OSM.CycleMap(i18n("javascripts.map.base.cycle_map"), { + keyid: "cyclemap", displayOutsideMaxExtent: true, wrapDateLine: true }); map.addLayer(cyclemap); var nonamekey = nonamekeys[document.domain]; - var noname = new OpenLayers.Layer.OSM("NoName", [ + var noname = new OpenLayers.Layer.OSM(i18n("javascripts.map.base.noname"), [ "http://a.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png", "http://b.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png", "http://c.tile.cloudmade.com/" + nonamekey + "/3/256/${z}/${x}/${y}.png" @@ -67,7 +64,7 @@ function createMap(divName, options) { }); map.addLayer(noname); - var maplint = new OpenLayers.Layer.OSM.Maplint("Maplint", { + var maplint = new OpenLayers.Layer.OSM.Maplint(i18n("javascripts.map.overlays.maplint"), { displayOutsideMaxExtent: true, wrapDateLine: true }); @@ -102,7 +99,8 @@ function addMarkerToMap(position, icon, description) { markers.addMarker(marker); if (description) { - marker.events.register("click", marker, function() { openMapPopup(marker, description) }); + marker.events.register("mouseover", marker, function() { openMapPopup(marker, description) }); + marker.events.register("mouseout", marker, function() { closeMapPopup() }); } return marker; @@ -116,7 +114,8 @@ function addObjectToMap(url, zoom, callback) { strokeWidth: 3, strokeOpacity: 0.5, fillOpacity: 0.2, - fillColor: "lightblue" + fillColor: "lightblue", + pointRadius: 6 }, projection: new OpenLayers.Projection("EPSG:4326"), displayInLayerSwitcher: false @@ -145,16 +144,16 @@ function addObjectToMap(url, zoom, callback) { callback(extent); } }); - + map.addLayer(layer); layer.loadGML(); } function addBoxToMap(boxbounds) { - if(!vectors) { + if (!vectors) { // Be aware that IE requires Vector layers be initialised on page load, and not under deferred script conditions - vectors = new OpenLayers.Layer.Vector("Box Layer", { + vectors = new OpenLayers.Layer.Vector("Boxes", { displayInLayerSwitcher: false }); map.addLayer(vectors); @@ -165,7 +164,7 @@ function addBoxToMap(boxbounds) { strokeColor: '#ee9900', fillOpacity: 0 }); - + vectors.addFeatures(box); return box; @@ -174,10 +173,9 @@ function addBoxToMap(boxbounds) { function openMapPopup(marker, description) { closeMapPopup(); - popup = new OpenLayers.Popup.AnchoredBubble("popup", marker.lonlat, null, - description, marker.icon, true); + popup = new OpenLayers.Popup.FramedCloud("popup", marker.lonlat, null, + description, marker.icon, true); popup.setBackgroundColor("#E3FFC5"); - popup.autoSize = true; map.addPopup(popup); return popup; @@ -198,7 +196,7 @@ function removeBoxFromMap(box){ vectors.removeFeature(box); } -function getMapCenter(center, zoom) { +function getMapCenter() { return map.getCenter().clone().transform(map.getProjectionObject(), epsg4326); } @@ -217,6 +215,10 @@ function getMapExtent() { return map.getExtent().clone().transform(map.getProjectionObject(), epsg4326); } +function getMapZoom() { + return map.getZoom(); +} + function getEventPosition(event) { return map.getLonLatFromViewPortPx(event.xy).clone().transform(map.getProjectionObject(), epsg4326); }