app/assets/javascripts/index/layers/notes.js

   1 OSM.initializeNotesLayer = function (map) {
   2   var noteLayer = map.noteLayer,
   3       notes = {};
   4
   5   var noteIcons = {
   6     "new": L.icon({
   7       iconUrl: OSM.NEW_NOTE_MARKER,
   8       iconSize: [25, 40],
   9       iconAnchor: [12, 40]
  10     }),
  11     "open": L.icon({
  12       iconUrl: OSM.OPEN_NOTE_MARKER,
  13       iconSize: [25, 40],
  14       iconAnchor: [12, 40]
  15     }),
  16     "closed": L.icon({
  17       iconUrl: OSM.CLOSED_NOTE_MARKER,
  18       iconSize: [25, 40],
  19       iconAnchor: [12, 40]
  20     })
  21   };
  22
  23   noteLayer.on("add", () => {
  24     loadNotes();
  25     map.on("moveend", loadNotes);
  26   }).on("remove", () => {
  27     map.off("moveend", loadNotes);
  28     noteLayer.clearLayers();
  29     notes = {};
  30   }).on("click", function (e) {
  31     if (e.layer.id) {
  32       OSM.router.route("/note/" + e.layer.id);
  33     }
  34   });
  35
  36   function updateMarker(old_marker, feature) {
  37     var marker = old_marker;
  38     if (marker) {
  39       marker.setIcon(noteIcons[feature.properties.status]);
  40     } else {
  41       marker = L.marker(feature.geometry.coordinates.reverse(), {
  42         icon: noteIcons[feature.properties.status],
  43         title: feature.properties.comments[0].text,
  44         opacity: 0.8,
  45         interactive: true
  46       });
  47       marker.id = feature.properties.id;
  48       marker.addTo(noteLayer);
  49     }
  50     return marker;
  51   }
  52
  53   noteLayer.getLayerId = function (marker) {
  54     return marker.id;
  55   };
  56
  57   var noteLoader;
  58
  59   function loadNotes() {
  60     var bounds = map.getBounds();
  61     var size = bounds.getSize();
  62
  63     if (size <= OSM.MAX_NOTE_REQUEST_AREA) {
  64       var url = "/api/" + OSM.API_VERSION + "/notes.json?bbox=" + bounds.toBBoxString();
  65
  66       if (noteLoader) noteLoader.abort();
  67
  68       noteLoader = $.ajax({
  69         url: url,
  70         success: success
  71       });
  72     }
  73
  74     function success(json) {
  75       var oldNotes = notes;
  76       notes = {};
  77       json.features.forEach(updateMarkers);
  78
  79       function updateMarkers(feature) {
  80         var marker = oldNotes[feature.properties.id];
  81         delete oldNotes[feature.properties.id];
  82         notes[feature.properties.id] = updateMarker(marker, feature);
  83       }
  84
  85       for (var id in oldNotes) {
  86         noteLayer.removeLayer(oldNotes[id]);
  87       }
  88
  89       noteLoader = null;
  90     }
  91   }
  92 };