+//= require leaflet.locate
+
$(document).ready(function () {
- var params = $("#map").data();
- var map = createMap("map");
+ var map = L.map("map", {
+ attributionControl: false,
+ zoomControl: false
+ }).addLayer(new L.OSM.Mapnik());
+
+ var position = $('html').attr('dir') === 'rtl' ? 'topleft' : 'topright';
- setMapCenter(new OpenLayers.LonLat(params.lon, params.lat), params.zoom);
+ 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);
+ } else {
+ map.setView([0, 0], 0);
+ }
if ($("#map").hasClass("set_location")) {
- var marker;
+ var marker = L.marker([0, 0], {icon: OSM.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) {
+ map.on("click", function (e) {
if ($('#updatehome').is(':checked')) {
- var lonlat = getEventPosition(e);
+ var zoom = map.getZoom(),
+ precision = OSM.zoomPrecision(zoom),
+ location = e.latlng.wrap();
$('#homerow').removeClass();
- $('#home_lat').val(lonlat.lat);
- $('#home_lon').val(lonlat.lon);
+ $('#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: OSM.getUserIcon(user.icon)}).addTo(map)
+ .bindPopup(user.description);
}
});
}