X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/7f598ab412674ce5a78da98c54aa2fe2e4a05792..ad10390663f5c27d4ac9eea1ff35a5a6e2ae4622:/app/assets/javascripts/browse.js diff --git a/app/assets/javascripts/browse.js b/app/assets/javascripts/browse.js index 7149b3481..2d9c4b46f 100644 --- a/app/assets/javascripts/browse.js +++ b/app/assets/javascripts/browse.js @@ -1,39 +1,30 @@ $(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); + var map = L.map("small_map", { + attributionControl: false, + zoomControl: false + }).addLayer(new L.OSM.Mapnik()); - return false; - } + L.OSM.zoom() + .addTo(map); - var map = createMap("small_map", { - layerControl: false, - panZoomControl: false, - attributionControl: false + $("#small_map").on("resized", function () { + map.invalidateSize(); }); 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 +33,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 +51,41 @@ $(document).ready(function () { return remoteEditHandler(bbox); }); - updatelinks(params.lon, params.lat, 16, null, - bbox.getWestLng(), bbox.getSouthLat(), - bbox.getEastLng(), bbox.getNorthLat(), + updatelinks(params, 16, null, + bbox.getWest(), bbox.getSouth(), + bbox.getEast(), bbox.getNorth(), 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(); + } } }); }