X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/dd1ec4eb9bd23c2e7d93451b41f3eda99ffb9f08..366fb80ddb401fde376515dd12f51e281afe62da:/app/assets/javascripts/user.js diff --git a/app/assets/javascripts/user.js b/app/assets/javascripts/user.js index 97827fb8d..d31f5bb82 100644 --- a/app/assets/javascripts/user.js +++ b/app/assets/javascripts/user.js @@ -1,45 +1,47 @@ -function init(){ - var params = $("#map").data(); - var map = createMap("map"); +$(document).ready(function () { + var map = L.map("map", { + attributionControl: false, + zoomControl: false + }).addLayer(new L.OSM.Mapnik()); - setMapCenter(new OpenLayers.LonLat(params.lon, params.lat), params.zoom); + L.OSM.zoom() + .addTo(map); + + if (OSM.home) { + map.setView([OSM.home.lat, OSM.home.lon], 12); + } else { + map.setView([0, 0], 0); + } if ($("#map").hasClass("set_location")) { - var marker; + var marker = L.marker([0, 0], {icon: getUserIcon()}); - if (params.marker) { - marker = addMarkerToMap(new OpenLayers.LonLat(params.lon, params.lat)); + if (OSM.home) { + marker.setLatLng([OSM.home.lat, OSM.home.lon]); + marker.addTo(map); } - map.events.register("click", map, function (e) { - closeMapPopup(); - - if (document.getElementById('updatehome').checked) { - var lonlat = getEventPosition(e); + map.on("click", function (e) { + if ($('#updatehome').is(':checked')) { + var zoom = map.getZoom(), + precision = zoomPrecision(zoom), + location = e.latlng.wrap(); - document.getElementById('homerow').className = ''; - document.getElementById('home_lat').value = lonlat.lat; - document.getElementById('home_lon').value = lonlat.lon; + $('#homerow').removeClass(); + $('#home_lat').val(location.lat.toFixed(precision)); + $('#home_lon').val(location.lng.toFixed(precision)); - if (marker) { - removeMarkerFromMap(marker); - } - - marker = addMarkerToMap(lonlat); + marker.setLatLng(e.latlng); + marker.addTo(map); } }); } else { - addMarkerToMap(new OpenLayers.LonLat(params.lon, params.lat), null, params.marker.description); - $("[data-user]").each(function () { var user = $(this).data('user'); if (user.lon && user.lat) { - var icon = OpenLayers.Marker.defaultIcon(); - icon.url = OpenLayers.Util.getImageLocation(user.icon); - addMarkerToMap(new OpenLayers.LonLat(user.lon, user.lat), icon, user.description); + L.marker([user.lat, user.lon], {icon: getUserIcon(user.icon)}).addTo(map) + .bindPopup(user.description); } }); } -} - -window.onload = init; +});