X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/898cc828dd1f1167f85abbf35c8e3f0ed640ac1e..f12c6b77ccd940784597cb306d1cb26e08072a15:/app/assets/javascripts/browse.js diff --git a/app/assets/javascripts/browse.js b/app/assets/javascripts/browse.js index 7149b3481..023dc878d 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.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; }); - - 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,16 +29,16 @@ $(document).ready(function () { return remoteEditHandler(bbox); }); - var centre = bbox.getCenter(); - updatelinks(centre.lon, 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") { - var object = {type: params.type, id: params.id}; + object = {type: params.type, id: params.id}; map.setView([params.lat, params.lon], 16); L.marker([params.lat, params.lon], { icon: getUserIcon() }).addTo(map); - var bbox = map.getBounds(); + bbox = map.getBounds(); $("#loading").hide(); $("#browse_map .geolink").show(); @@ -60,47 +47,38 @@ $(document).ready(function () { return remoteEditHandler(bbox); }); - updatelinks(params.lon, params.lat, 16, null, - bbox.getWestLng(), bbox.getSouthLat(), - bbox.getEastLng(), bbox.getNorthLat(), - object); + 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(); + addObjectToMap(object, map, { + 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(); + } } }); }