X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/6b0451124c0fe1cb7275ce973a069a125386558e..8db05481193bfb105c76cda40ea0617b5f10545e:/app/assets/javascripts/index.js diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js index 684685d51..b30564a1a 100644 --- a/app/assets/javascripts/index.js +++ b/app/assets/javascripts/index.js @@ -77,42 +77,10 @@ $(document).ready(function () { var params = OSM.mapParams(); - // TODO internationalisation of the context menu strings var map = new L.OSM.Map("map", { zoomControl: false, layerControl: false, - contextmenu: true, - contextmenuWidth: 140, - contextmenuItems: [{ - text: 'Directions from here', - callback: function(e){ context_directionsfrom(e, map); } - }, { - text: 'Directions to here', - callback: function(e){ context_directionsto(e, map); } - }, '-', { - text: 'Add a note here', - callback: function(e){ context_addnote(e, map); } - }, { - text: 'Show address', - callback: function(e){ context_describe(e, map); } - }, { - text: 'Query features', - callback: function(e){ context_queryhere(e, map); } - }, { - text: 'Centre map here', - callback: function(e){ context_centrehere(e, map); } - }] - }); - - $(document).on('mousedown', function(e){ - if(e.shiftKey){ - map.contextmenu.disable(); // on firefox, shift disables our contextmenu. we explicitly do this for all browsers. - }else{ - map.contextmenu.enable(); - // we also decide whether to disable some options that only like high zoom - map.contextmenu.setDisabled(3, map.getZoom() < 12); - map.contextmenu.setDisabled(5, map.getZoom() < 14); - } + contextmenu: true }); map.attributionControl.setPrefix(''); @@ -130,14 +98,25 @@ $(document).ready(function () { L.OSM.zoom({position: position}) .addTo(map); - L.control.locate({ + var locate = L.control.locate({ position: position, + icon: 'icon geolocate', + iconLoading: 'icon geolocate', strings: { title: I18n.t('javascripts.map.locate.title'), popup: I18n.t('javascripts.map.locate.popup') } }).addTo(map); + var locateContainer = locate.getContainer(); + + $(locateContainer) + .removeClass('leaflet-control-locate leaflet-bar') + .addClass('control-locate') + .children("a") + .removeClass('leaflet-bar-part leaflet-bar-part-single') + .addClass('control-button'); + var sidebar = L.OSM.sidebar('#map-ui') .addTo(map); @@ -171,6 +150,8 @@ $(document).ready(function () { L.control.scale() .addTo(map); + OSM.initializeContextMenu(map); + if (OSM.STATUS !== 'api_offline' && OSM.STATUS !== 'database_offline') { OSM.initializeNotes(map); if (params.layers.indexOf(map.noteLayer.options.code) >= 0) { @@ -181,6 +162,10 @@ $(document).ready(function () { if (params.layers.indexOf(map.dataLayer.options.code) >= 0) { map.addLayer(map.dataLayer); } + + if (params.layers.indexOf(map.gpsLayer.options.code) >= 0) { + map.addLayer(map.gpsLayer); + } } var placement = $('html').attr('dir') === 'rtl' ? 'right' : 'left'; @@ -196,17 +181,29 @@ $(document).ready(function () { map.getLayersCode(), map._object); - $.removeCookie("_osm_location"); - $.cookie("_osm_location", OSM.locationCookie(map), { expires: expiry, path: "/" }); + $.removeCookie('_osm_location'); + $.cookie('_osm_location', OSM.locationCookie(map), { expires: expiry, path: '/' }); }); if ($.cookie('_osm_welcome') === 'hide') { $('.welcome').hide(); } - $('.welcome .close').on('click', function() { + $('.welcome .close-wrap').on('click', function() { $('.welcome').hide(); - $.cookie("_osm_welcome", 'hide', { expires: expiry }); + $.cookie('_osm_welcome', 'hide', { expires: expiry, path: '/' }); + }); + + var bannerExpiry = new Date(); + bannerExpiry.setYear(bannerExpiry.getFullYear() + 1); + + $('#banner .close-wrap').on('click', function(e) { + var cookieId = e.target.id; + $('#banner').hide(); + e.preventDefault(); + if (cookieId) { + $.cookie(cookieId, 'hide', { expires: bannerExpiry, path: '/' }); + } }); if (OSM.PIWIK) { @@ -227,10 +224,8 @@ $(document).ready(function () { map.setView([params.lat, params.lon], params.zoom); } - var marker = L.marker([0, 0], {icon: OSM.getUserIcon()}); - if (params.marker) { - marker.setLatLng([params.mlat, params.mlon]).addTo(map); + L.marker([params.mlat, params.mlon]).addTo(map); } $("#homeanchor").on("click", function(e) { @@ -240,7 +235,7 @@ $(document).ready(function () { center = L.latLng(data.lat, data.lon); map.setView(center, data.zoom); - marker.setLatLng(center).addTo(map); + L.marker(center, {icon: OSM.getUserIcon()}).addTo(map); }); function remoteEditHandler(bbox, object) {