X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/b5800b4c2f51e265b51f6b0cd45728b8d7db86aa..c6cde2653b8dbcd3345348b33619b2240f1cc905:/app/assets/javascripts/index.js diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js index 452cc0bca..5d135696e 100644 --- a/app/assets/javascripts/index.js +++ b/app/assets/javascripts/index.js @@ -5,6 +5,7 @@ //= require leaflet.key //= require leaflet.note //= require leaflet.share +//= require index/search //= require index/browse //= require index/export //= require index/notes @@ -19,7 +20,7 @@ $(document).ready(function () { map.attributionControl.setPrefix(''); - new L.Hash(map); + map.hash = L.hash(map); var layers = [ new L.OSM.Mapnik({ @@ -48,10 +49,18 @@ $(document).ready(function () { }) ]; - layers[0].addTo(map); + for (var i = layers.length - 1; i >= 0; i--) { + if (i === 0 || params.layers.indexOf(layers[i].options.code) >= 0) { + map.addLayer(layers[i]); + break; + } + } + + map.noteLayer = new L.LayerGroup(); + map.noteLayer.options = {code: 'N'}; - map.noteLayer = new L.LayerGroup({code: 'N'}); map.dataLayer = new L.OSM.DataLayer(null); + map.dataLayer.options.code = 'D'; $("#sidebar").on("opened closed", function () { map.invalidateSize(); @@ -95,7 +104,7 @@ $(document).ready(function () { map.on('moveend layeradd layerremove', updateLocation); - map.markerLayer = L.layerGroup().addTo(map); + var marker = L.marker([0, 0], {icon: getUserIcon()}); if (!params.object_zoom) { if (params.bounds) { @@ -113,30 +122,23 @@ $(document).ready(function () { }).addTo(map); } - if (params.layers) { - var foundLayer = false; - for (var i = 0; i < layers.length; i++) { - if (params.layers.indexOf(layers[i].options.code) >= 0) { - map.addLayer(layers[i]); - foundLayer = true; - } else { - map.removeLayer(layers[i]); - } - } - if (!foundLayer) { - map.addLayer(layers[0]); - } - } - if (params.marker) { - L.marker([params.mlat, params.mlon], {icon: getUserIcon()}).addTo(map.markerLayer); + marker.setLatLng([params.mlat, params.mlon]).addTo(map); } if (params.object) { - addObjectToMap(params.object, map, { zoom: params.object_zoom }); + map.addObject(params.object, { zoom: params.object_zoom }); } - $("body").on("click", "a.set_position", setPositionLink(map)); + $("#homeanchor").on("click", function(e) { + e.preventDefault(); + + var data = $(this).data(), + center = L.latLng(data.lat, data.lon); + + map.setView(center, data.zoom); + marker.setLatLng(center).addTo(map); + }); $("a[data-editor=remote]").click(function(e) { remoteEditHandler(map.getBounds()); @@ -147,22 +149,10 @@ $(document).ready(function () { remoteEditHandler(map.getBounds()); } - $("#search_form").submit(submitSearch(map)); - - - 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(); - } - + initializeSearch(map); initializeExport(map); - initializeBrowse(map); - initializeNotes(map); + initializeBrowse(map, params); + initializeNotes(map, params); }); function updateLocation() { @@ -174,44 +164,7 @@ function updateLocation() { var expiry = new Date(); expiry.setYear(expiry.getFullYear() + 10); $.cookie("_osm_location", cookieContent(this), { expires: expiry }); -} - -function setPositionLink(map) { - return function(e) { - var data = $(this).data(), - center = L.latLng(data.lat, data.lon); - - if (data.minLon && data.minLat && data.maxLon && data.maxLat) { - map.fitBounds([[data.minLat, data.minLon], - [data.maxLat, data.maxLon]]); - } else { - map.setView(center, data.zoom); - } - - if (data.type && data.id) { - addObjectToMap(data, map, { zoom: true, style: { opacity: 0.2, fill: false } }); - } - - map.markerLayer.clearLayers(); - L.marker(center, {icon: getUserIcon()}).addTo(map.markerLayer); - - return e.preventDefault(); - }; -} -function submitSearch(map) { - return function(e) { - var bounds = map.getBounds(); - - $("#sidebar_title").html(I18n.t('site.sidebar.search_results')); - $("#sidebar_content").load($(this).attr("action"), { - query: $("#query").val(), - minlon: bounds.getWest(), - minlat: bounds.getSouth(), - maxlon: bounds.getEast(), - maxlat: bounds.getNorth() - }, openSidebar); - - return e.preventDefault(); - }; + // Trigger hash update on layer changes. + this.hash.onMapMove(); }