X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/3d06c902f614ac2dcf44ac4a13710c87c38dc529..7f1ce59f32b83c6053311c6e55e7b3d9b9ca18db:/public/javascripts/map.js diff --git a/public/javascripts/map.js b/public/javascripts/map.js index 4af30f2a1..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,6 +22,7 @@ function createMap(divName, options) { new OpenLayers.Control.Attribution(), new OpenLayers.Control.LayerSwitcher(), new OpenLayers.Control.Navigation(), + new OpenLayers.Control.PanZoom(), new OpenLayers.Control.PanZoomBar() ], units: "m", @@ -36,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" @@ -66,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 }); @@ -101,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; @@ -152,9 +151,9 @@ function addObjectToMap(url, zoom, callback) { } 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); @@ -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); }