X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/2119911aa511d7340318367ae2e3c1dc98bcab76..04fbc71a40ba73f9d9ba7253fc076b54c3d7ec84:/app/assets/javascripts/browse.js diff --git a/app/assets/javascripts/browse.js b/app/assets/javascripts/browse.js index edfb4643a..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.getWest() - 0.0001; - var top = bbox.getNorth() + 0.0001; - var right = bbox.getEast() + 0.0001; - var bottom = bbox.getSouth() - 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.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") { - 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,22 +47,18 @@ $(document).ready(function () { return remoteEditHandler(bbox); }); - updatelinks(params.lon, params.lat, 16, null, - bbox.getWest(), bbox.getSouth(), - bbox.getEast(), bbox.getNorth(), - 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, { - zoom: true, + map.addObject(object, { + zoom: true, callback: function(extent) { $("#loading").hide(); $("#browse_map .geolink").show(); @@ -92,15 +75,7 @@ $(document).ready(function () { $("#object_larger_map").show(); $("#object_edit").show(); - var centre = extent.getCenter(); - updatelinks(centre.lng, - centre.lat, - 16, null, - extent.getWest(), - extent.getSouth(), - extent.getEast(), - extent.getNorth(), - object); + updatelinks(map.getCenter(), 16, null, extent, object); } else { $("#small_map").hide(); }