X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/7d92ec704786c2d887e1946f25746d6d70ee7ea8..d31fc7c2f5c0f43b9e65479e3f1690bdd0c2fb4a:/app/assets/javascripts/browse.js?ds=sidebyside diff --git a/app/assets/javascripts/browse.js b/app/assets/javascripts/browse.js index f92950c23..5d2412183 100644 --- a/app/assets/javascripts/browse.js +++ b/app/assets/javascripts/browse.js @@ -1,39 +1,26 @@ $(document).ready(function () { - function remoteEditHandler(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; - var loaded = false; - - $("#linkloader").load(function () { loaded = true; }); - - if (select) { - $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom + "&select=" + select); - } else { - $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom); - } - - setTimeout(function () { - if (!loaded) alert(I18n.t('site.index.remote_failed')); - }, 1000); - return false; - } + var map = L.map("small_map", { + attributionControl: false, + zoomControl: false + }).addLayer(new L.OSM.Mapnik()); - var map = createMap("small_map", { - layerControl: false, - panZoomControl: false, - attributionControl: false - }); + L.OSM.zoom() + .addTo(map); var params = $("#small_map").data(); + var object, bbox; if (params.type == "changeset") { - var bbox = L.latLngBounds([params.minlat, params.minlon], - [params.maxlat, params.maxlon]); + bbox = L.latLngBounds([params.minlat, params.minlon], + [params.maxlat, params.maxlon]); map.fitBounds(bbox); - addBoxToMap(bbox); + + L.rectangle(bbox, { + weight: 2, + color: '#e90', + fillOpacity: 0 + }).addTo(map); $("#loading").hide(); $("#browse_map .geolink").show(); @@ -42,45 +29,56 @@ $(document).ready(function () { return remoteEditHandler(bbox); }); - var centre = bbox.getCenter(); - updatelinks(centre.lng, centre.lat, 16, null, params.minlon, params.minlat, params.maxlon, params.maxlat); + updatelinks(map.getCenter(), 16, null, [[params.minlat, params.minlon], + [params.maxlat, params.maxlon]]); + } else if (params.type == "note") { + object = {type: params.type, id: params.id}; + + map.setView([params.lat, params.lon], 16); + + L.marker([params.lat, params.lon], { icon: getUserIcon() }).addTo(map); + + bbox = map.getBounds(); + + $("#loading").hide(); + $("#browse_map .geolink").show(); + + $("a[data-editor=remote]").click(function () { + return remoteEditHandler(bbox); + }); + + updatelinks(params, 16, null, bbox, object); } else { - $("#object_larger_map").hide(); - $("#object_edit").hide(); + $("#object_larger_map, #object_edit").hide(); - var object = {type: params.type, id: params.id}; + 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) { - $("a.bbox[data-editor=remote]").click(function () { - return remoteEditHandler(extent); - }); - - $("a.object[data-editor=remote]").click(function () { - return remoteEditHandler(extent, params.type + params.id); - }); - - $("#object_larger_map").show(); - $("#object_edit").show(); - - var centre = extent.getCenter(); - updatelinks(centre.lng, - centre.lat, - 16, null, - extent.getWestLng(), - extent.getSouthLat(), - extent.getEastLng(), - extent.getNorthLat(), - object); - } else { - $("#small_map").hide(); + map.addObject(object, { + zoom: true, + callback: function(extent) { + $("#loading").hide(); + $("#browse_map .geolink").show(); + + if (extent) { + $("a.bbox[data-editor=remote]").click(function () { + return remoteEditHandler(extent); + }); + + $("a.object[data-editor=remote]").click(function () { + return remoteEditHandler(extent, params.type + params.id); + }); + + $("#object_larger_map").show(); + $("#object_edit").show(); + + updatelinks(map.getCenter(), 16, null, extent, object); + } else { + $("#small_map").hide(); + } } }); }