$(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());
- setMapCenter(new OpenLayers.LonLat(params.lon, params.lat), params.zoom);
+ L.OSM.zoom()
+ .addTo(map);
+
+ $("#map").on("resized", function () {
+ map.invalidateSize();
+ });
+
+ 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) {
+ map.on("click", function (e) {
if ($('#updatehome').is(':checked')) {
- var lonlat = getEventPosition(e);
-
$('#homerow').removeClass();
- $('#home_lat').val(lonlat.lat);
- $('#home_lon').val(lonlat.lon);
-
- if (marker) {
- removeMarkerFromMap(marker);
- }
+ $('#home_lat').val(e.latlng.lat);
+ $('#home_lon').val(e.latlng.lng);
- 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);
}
});
}