X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/bc1b4d53e39eb7571fcda14287d573855cb1682c..2a9286a16a0ca0e6aa025b13771d3118040b9d60:/app/assets/javascripts/index.js diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js index b41bbb0f4..0e3e7cd56 100644 --- a/app/assets/javascripts/index.js +++ b/app/assets/javascripts/index.js @@ -1,18 +1,44 @@ +//= require_self //= require index/browse //= require index/export //= require index/key +//= require index/notes +//= require index/map_ui $(document).ready(function () { - var permalinks = $("#permalink").html(); + var permalinks = $("#permalink").detach().html(); var marker; var params = OSM.mapParams(); - var map = createMap("map"); + var map = createMap("map", { + zoomControl: false, + layerControl: false + }, { + locateControl: true + }); + + L.control.zoom({position: 'topright'}) + .addTo(map); + + OSM.mapUI().addTo(map); + + L.control.share({ + getUrl: function(map) { + return setArgs('http://osm.org/', { + lon: map.getCenter().lng, + lat: map.getCenter().lat + }); + } + }).addTo(map); + + L.control.locate({ + position: 'topright' + }).addTo(map); L.control.scale().addTo(map); map.attributionControl.setPrefix(permalinks); - map.on("moveend baselayerchange", updateLocation); + map.on("moveend layeradd layerremove", updateLocation); if (!params.object_zoom) { if (params.bbox) { @@ -38,7 +64,7 @@ $(document).ready(function () { } if (params.object) { - addObjectToMap(params.object, params.object_zoom); + addObjectToMap(params.object, { zoom: params.object_zoom }); } handleResize(); @@ -56,6 +82,10 @@ $(document).ready(function () { map.setView(centre, data.zoom); } + if (data.type && data.id) { + addObjectToMap(data, { zoom: true, style: { opacity: 0.2, fill: false } }); + } + if (marker) { map.removeLayer(marker); } @@ -64,19 +94,19 @@ $(document).ready(function () { }); function updateLocation() { - var center = map.getCenter(); + var center = map.getCenter().wrap(); var zoom = map.getZoom(); var layers = getMapLayers(); - var extents = map.getBounds(); + var extents = map.getBounds().wrap(); updatelinks(center.lng, center.lat, zoom, layers, - extents.getWestLng(), - extents.getSouthLat(), - extents.getEastLng(), - extents.getNorthLat(), + extents.getWest(), + extents.getSouth(), + extents.getEast(), + extents.getNorth(), params.object); var expiry = new Date(); @@ -89,10 +119,10 @@ $(document).ready(function () { var loaded = false; $("#linkloader").load(function () { loaded = true; }); - $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.getWestLng() - + "&bottom=" + extent.getSouthLat() - + "&right=" + extent.getEastLng() - + "&top=" + extent.getNorthLat()); + $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.getWest() + + "&bottom=" + extent.getSouth() + + "&right=" + extent.getEast() + + "&top=" + extent.getNorth()); setTimeout(function () { if (!loaded) alert(I18n.t('site.index.remote_failed')); @@ -115,10 +145,10 @@ $(document).ready(function () { $("#sidebar_title").html(I18n.t('site.sidebar.search_results')); $("#sidebar_content").load($(this).attr("action"), { query: $("#query").val(), - minlon: bounds.getSouthWest().lng, - minlat: bounds.getSouthWest().lat, - maxlon: bounds.getNorthEast().lng, - maxlat: bounds.getNorthEast().lat + minlon: bounds.getWest(), + minlat: bounds.getSouth(), + maxlon: bounds.getEast(), + maxlat: bounds.getNorth() }, openSidebar); return false; @@ -127,4 +157,10 @@ $(document).ready(function () { if ($("#query").val()) { $("#search_form").submit(); } + + // Focus the search field for browsers that don't support + // the HTML5 'autofocus' attribute + if (!("autofocus" in document.createElement("input"))) { + $("#query").focus(); + } });