app/assets/javascripts/notes.js.erb

   1 function addNoteLayer(map, notesUrl, newNoteControls, minZoom) {
   2   var newNotes;
   3
   4   var noteCallback = function (scope, response) {
   5     for (var f = 0; f < response.features.length; f++) {
   6       var feature = response.features[f];
   7     }
   8   };
   9
  10   var saveNewNotes = function (o) {
  11     var layer = o.object;
  12     newNotes = layer.getFeaturesByAttribute("status", "new")
  13     layer.removeFeatures(newNotes, { silent: true });
  14   };
  15
  16   var restoreNewNotes = function (o) {
  17     var layer = o.object;
  18     layer.addFeatures(newNotes);
  19     newNotes = undefined;
  20   };
  21
  22   var noteSelected = function (o) {
  23     var feature = o.feature;
  24     var location = feature.geometry.getBounds().getCenterLonLat();
  25
  26     feature.popup = new OpenLayers.Popup.FramedCloud(
  27       feature.attributes.id, location, null,
  28       "<p>" + feature.attributes.id + "</p>",
  29       null,
  30       feature.attributes.status !== "new",
  31       function (e) { map.noteSelector.unselect(feature) }
  32     );
  33
  34     map.addPopup(feature.popup);
  35     // feature.popup.show();
  36   };
  37
  38   var noteUnselected = function (o) {
  39     var feature = o.feature;
  40
  41     map.removePopup(feature.popup);
  42
  43     delete feature.popup;
  44   };
  45
  46   var allowNoteReports = function () {
  47     if (map.getZoom() > minZoom) {
  48       newNoteControls.show();
  49     } else {
  50       newNoteControls.hide();
  51     }
  52   };
  53
  54   var addNote = function () {
  55     var lonlat = map.getCenter();
  56     var layer = map.noteLayer;
  57     var geometry = new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat);
  58     var feature = new OpenLayers.Feature.Vector(geometry, {
  59       status: "new"
  60     });
  61
  62     layer.addFeatures(feature);
  63     map.noteSelector.unselectAll();
  64     map.noteSelector.select(feature);
  65     map.noteMover.activate();
  66     map.noteLayer.setVisibility(true);
  67   };
  68
  69   map.noteLayer = new OpenLayers.Layer.Vector("Notes", {
  70     visibility: false,
  71     displayInLayerSwitcher: false,
  72     projection: new OpenLayers.Projection("EPSG:4326"),
  73     styleMap: new OpenLayers.StyleMap(new OpenLayers.Style({
  74       graphicWidth: 22,
  75       graphicHeight: 22,
  76       graphicOpacity: 0.7,
  77       graphicXOffset: -11,
  78       graphicYOffset: -11
  79     }, {
  80       rules: [
  81         new OpenLayers.Rule({
  82           filter: new OpenLayers.Filter.Comparison({
  83             type: OpenLayers.Filter.Comparison.EQUAL_TO,
  84             property: "status",
  85             value: "new"
  86           }),
  87           symbolizer: {
  88             externalGraphic: "<%= image_path 'new_note_marker.png' %>"
  89           }
  90         }),
  91         new OpenLayers.Rule({
  92           filter: new OpenLayers.Filter.Comparison({
  93             type: OpenLayers.Filter.Comparison.EQUAL_TO,
  94             property: "status",
  95             value: "open"
  96           }),
  97           symbolizer: {
  98             externalGraphic: "<%= image_path 'open_note_marker.png' %>"
  99           }
 100         }),
 101         new OpenLayers.Rule({
 102           filter: new OpenLayers.Filter.Comparison({
 103             type: OpenLayers.Filter.Comparison.EQUAL_TO,
 104             property: "status",
 105             value: "closed"
 106           }),
 107           symbolizer: {
 108             externalGraphic: "<%= image_path 'closed_note_marker.png' %>"
 109           }
 110         })
 111       ]
 112     })),
 113     strategies: [
 114       new OpenLayers.Strategy.BBOX()
 115     ],
 116     protocol: new OpenLayers.Protocol.HTTP({
 117       url: notesUrl,
 118       format: new OpenLayers.Format.GeoJSON(),
 119       callback: noteCallback
 120     })
 121   });
 122
 123   map.noteLayer.events.register("beforefeaturesremoved", map, saveNewNotes);
 124   map.noteLayer.events.register("featuresremoved", map, restoreNewNotes);
 125   map.noteLayer.events.register("featureselected", map, noteSelected);
 126   map.noteLayer.events.register("featureunselected", map, noteUnselected);
 127
 128   map.addLayer(map.noteLayer);
 129
 130   map.noteSelector = new OpenLayers.Control.SelectFeature(map.noteLayer, {
 131     autoActivate: true
 132   });
 133
 134   map.addControl(map.noteSelector);
 135
 136   map.noteMover = new OpenLayers.Control.DragFeature(map.noteLayer, {
 137     onDrag: function (feature, pixel) {
 138       feature.popup.lonlat = feature.geometry.getBounds().getCenterLonLat();
 139       feature.popup.updatePosition();
 140     },
 141     featureCallbacks: {
 142       over: function (feature) {
 143         if (feature.attributes.status === "new") {
 144           map.noteMover.overFeature.apply(map.noteMover, [feature]);
 145         }
 146       }
 147     }
 148   });
 149
 150   map.addControl(map.noteMover);
 151
 152   newNoteControls.click(addNote);
 153
 154   map.events.register("zoomend", map, allowNoteReports);
 155
 156   return map.noteLayer;
 157 }