X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/7e3ca66fffec0b44efe676760650994b719609e1..dbc523bf34f172df45f751020018ff260917e8c9:/app/assets/javascripts/browse.js?ds=inline diff --git a/app/assets/javascripts/browse.js b/app/assets/javascripts/browse.js index 1db89ad0a..2934b8bd9 100644 --- a/app/assets/javascripts/browse.js +++ b/app/assets/javascripts/browse.js @@ -1,9 +1,9 @@ $(document).ready(function () { - function remoteEditHandler(event, bbox, select) { - var left = bbox.left - 0.0001; - var top = bbox.top + 0.0001; - var right = bbox.right + 0.0001; - var bottom = bbox.bottom - 0.0001; + function remoteEditHandler(bbox, select) { + var left = bbox.getWestLng() - 0.0001; + var top = bbox.getNorthLat() + 0.0001; + var right = bbox.getEastLng() + 0.0001; + var bottom = bbox.getSouthLat() - 0.0001; var loaded = false; $("#linkloader").load(function () { loaded = true; }); @@ -22,59 +22,80 @@ $(document).ready(function () { } var map = createMap("small_map", { - controls: [ new OpenLayers.Control.Navigation() ] + layerControl: false, + panZoomControl: false, + attributionControl: false }); var params = $("#small_map").data(); if (params.type == "changeset") { - var bbox = new OpenLayers.Bounds(params.minlon, params.minlat, params.maxlon, params.maxlat); - var centre = bbox.getCenterLonLat(); + var bbox = L.latLngBounds([params.minlat, params.minlon], + [params.maxlat, params.maxlon]); - map.zoomToExtent(proj(bbox)); + map.fitBounds(bbox); addBoxToMap(bbox); $("#loading").hide(); $("#browse_map .geolink").show(); - $("a[data-editor=remote]").click(function (event) { - return remoteEditHandler(event, bbox); + $("a[data-editor=remote]").click(function () { + return remoteEditHandler(bbox); }); + var centre = bbox.getCenter(); updatelinks(centre.lon, centre.lat, 16, null, params.minlon, params.minlat, params.maxlon, params.maxlat); - } else { - var url = "/api/" + OSM.API_VERSION + "/" + params.type + "/" + params.id; + } else if (params.type == "note") { + map.setView([params.lat, params.lon], 16); - if (params.type != "node") { - url += "/full"; - } else if (!params.visible) { - var previous_version = params.version - 1; - url += "/" + previous_version; - } + L.marker([params.lat, params.lon], { icon: getUserIcon() }).addTo(map); + + var bbox = map.getBounds(); + + $("#loading").hide(); + $("#browse_map .geolink").show(); + + $("a[data-editor=remote]").click(function () { + return remoteEditHandler(bbox); + }); + updatelinks(params.lon, params.lat, 16, null, + bbox.getWestLng(), bbox.getSouthLat(), + bbox.getEastLng(), bbox.getNorthLat()); + } else { $("#object_larger_map").hide(); $("#object_edit").hide(); - addObjectToMap(url, true, function(extent) { + var object = {type: params.type, id: params.id}; + + if (!params.visible) { + object.version = params.version - 1; + } + + addObjectToMap(object, true, function(extent) { $("#loading").hide(); $("#browse_map .geolink").show(); if (extent) { - extent.transform(map.getProjectionObject(), map.displayProjection); - - var centre = extent.getCenterLonLat(); - - $("a.bbox[data-editor=remote]").click(function (event) { - return remoteEditHandler(event, extent); + $("a.bbox[data-editor=remote]").click(function () { + return remoteEditHandler(extent); }); - $("a.object[data-editor=remote]").click(function (event) { - return remoteEditHandler(event, extent, params.type + params.id); + $("a.object[data-editor=remote]").click(function () { + return remoteEditHandler(extent, params.type + params.id); }); $("#object_larger_map").show(); $("#object_edit").show(); - updatelinks(centre.lon, centre.lat, 16, null, extent.left, extent.bottom, extent.right, extent.top, params.type, params.id); + var centre = extent.getCenter(); + updatelinks(centre.lng, + centre.lat, + 16, null, + extent.getWestLng(), + extent.getSouthLat(), + extent.getEastLng(), + extent.getNorthLat(), + object); } else { $("#small_map").hide(); }