102 lines
2.4 KiB
Text
102 lines
2.4 KiB
Text
function initializeNotes(map) {
|
|
var noteLayer = map.noteLayer,
|
|
notes = {},
|
|
newNote;
|
|
|
|
var noteIcons = {
|
|
"new": L.icon({
|
|
iconUrl: "<%= image_path 'new_note_marker.png' %>",
|
|
iconSize: [25, 40],
|
|
iconAnchor: [12, 40]
|
|
}),
|
|
"open": L.icon({
|
|
iconUrl: "<%= image_path 'open_note_marker.png' %>",
|
|
iconSize: [25, 40],
|
|
iconAnchor: [12, 40]
|
|
}),
|
|
"closed": L.icon({
|
|
iconUrl: "<%= image_path 'closed_note_marker.png' %>",
|
|
iconSize: [25, 40],
|
|
iconAnchor: [12, 40]
|
|
})
|
|
};
|
|
|
|
map.on("layeradd", function (e) {
|
|
if (e.layer == noteLayer) {
|
|
loadNotes();
|
|
map.on("moveend", loadNotes);
|
|
}
|
|
}).on("layerremove", function (e) {
|
|
if (e.layer == noteLayer) {
|
|
map.off("moveend", loadNotes);
|
|
noteLayer.clearLayers();
|
|
notes = {};
|
|
}
|
|
}).on("popupclose", function (e) {
|
|
if (newNote && e.popup == newNote._popup) {
|
|
$(newNote).oneTime(10, "removenote", function () {
|
|
map.removeLayer(newNote);
|
|
newNote = null;
|
|
});
|
|
}
|
|
})
|
|
|
|
noteLayer.on('click', function(e) {
|
|
OSM.route('/browse/note/' + e.layer.id);
|
|
})
|
|
|
|
function updateMarker(marker, feature) {
|
|
if (marker) {
|
|
marker.setIcon(noteIcons[feature.properties.status]);
|
|
} else {
|
|
marker = L.marker(feature.geometry.coordinates.reverse(), {
|
|
icon: noteIcons[feature.properties.status],
|
|
opacity: 0.9,
|
|
clickable: true
|
|
});
|
|
marker.id = feature.properties.id;
|
|
marker.addTo(noteLayer);
|
|
}
|
|
return marker;
|
|
}
|
|
|
|
noteLayer.getLayerId = function(marker) {
|
|
return marker.id;
|
|
};
|
|
|
|
var noteLoader;
|
|
|
|
function loadNotes() {
|
|
var bounds = map.getBounds();
|
|
var size = bounds.getSize();
|
|
|
|
if (size <= OSM.MAX_NOTE_REQUEST_AREA) {
|
|
var url = "/api/" + OSM.API_VERSION + "/notes.json?bbox=" + bounds.toBBoxString();
|
|
|
|
if (noteLoader) noteLoader.abort();
|
|
|
|
noteLoader = $.ajax({
|
|
url: url,
|
|
success: success
|
|
});
|
|
}
|
|
|
|
function success(json) {
|
|
var oldNotes = notes;
|
|
notes = {};
|
|
json.features.forEach(updateMarkers);
|
|
|
|
function updateMarkers(feature) {
|
|
var marker = oldNotes[feature.properties.id];
|
|
delete oldNotes[feature.properties.id];
|
|
notes[feature.properties.id] = updateMarker(marker, feature);
|
|
}
|
|
|
|
for (id in oldNotes) {
|
|
noteLayer.removeLayer(oldNotes[id]);
|
|
}
|
|
|
|
noteLoader = null;
|
|
}
|
|
};
|
|
}
|