X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/ed84516db2ccf634c8639d15fc39b1896f66cd18..7915a22cafafc1fcbd59d798ac1734ecfd083adc:/app/assets/javascripts/user.js?ds=sidebyside diff --git a/app/assets/javascripts/user.js b/app/assets/javascripts/user.js index 4e1c7d0c3..6a0d38dd5 100644 --- a/app/assets/javascripts/user.js +++ b/app/assets/javascripts/user.js @@ -1,8 +1,23 @@ +//= require leaflet.locate + $(document).ready(function () { - var map = createMap("map", { - zoomControl: true, - panZoomControl: false - }); + var map = L.map("map", { + attributionControl: false, + zoomControl: false + }).addLayer(new L.OSM.Mapnik()); + + var position = $('html').attr('dir') === 'rtl' ? 'topleft' : 'topright'; + + L.OSM.zoom({position: position}) + .addTo(map); + + L.control.locate({ + position: position, + strings: { + title: I18n.t('javascripts.map.locate.title'), + popup: I18n.t('javascripts.map.locate.popup') + } + }).addTo(map); if (OSM.home) { map.setView([OSM.home.lat, OSM.home.lon], 12); @@ -20,9 +35,13 @@ $(document).ready(function () { map.on("click", function (e) { if ($('#updatehome').is(':checked')) { + var zoom = map.getZoom(), + precision = zoomPrecision(zoom), + location = e.latlng.wrap(); + $('#homerow').removeClass(); - $('#home_lat').val(e.latlng.lat); - $('#home_lon').val(e.latlng.lng); + $('#home_lat').val(location.lat.toFixed(precision)); + $('#home_lon').val(location.lng.toFixed(precision)); marker.setLatLng(e.latlng); marker.addTo(map); @@ -33,7 +52,7 @@ $(document).ready(function () { var user = $(this).data('user'); if (user.lon && user.lat) { L.marker([user.lat, user.lon], {icon: getUserIcon(user.icon)}).addTo(map) - .bindPopup(user.description, {offset: L.point(-1, -20)}); + .bindPopup(user.description); } }); }