app/views/changeset/_map.html.erb

   1 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
   2 <%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
   3 <%= javascript_include_tag 'map.js' %>
   4
   5 <div id="changeset_list_map">
   6 </div>
   7
   8 <script type="text/javascript">
   9   OpenLayers.Lang.setCode("<%= I18n.locale.to_s %>");
  10
  11   var highlight;
  12
  13   function highlightChangeset(id) {
  14     var feature = vectors.getFeatureByFid(id);
  15     var bounds = feature.geometry.getBounds();
  16
  17     if (bounds.containsBounds(map.getExtent())) {
  18       bounds = map.getExtent().scale(1.1);
  19     }
  20
  21     if (highlight) vectors.removeFeatures(highlight);
  22
  23     highlight = new OpenLayers.Feature.Vector(bounds.toGeometry(), {}, {
  24       strokeWidth: 2,
  25       strokeColor: "#ee9900",
  26       fillColor: "#ffff55",
  27       fillOpacity: 0.5
  28     });
  29
  30     vectors.addFeatures(highlight);
  31
  32     $("tr-changeset-" + id).addClassName("selected");
  33   }
  34
  35   function unHighlightChangeset(id) {
  36     vectors.removeFeatures(highlight);
  37
  38     $("tr-changeset-" + id).removeClassName("selected");
  39   }
  40
  41   function init() {
  42     var map = createMap("changeset_list_map", {
  43       controls: [
  44         new OpenLayers.Control.Navigation(),
  45         new OpenLayers.Control.PanZoom(),
  46         new OpenLayers.Control.PanZoomBar()
  47       ]
  48     });
  49
  50     var bounds = new OpenLayers.Bounds();
  51
  52     <% @edits.each do |edit| %>
  53     var minlon = <%= edit.min_lon / GeoRecord::SCALE.to_f %>;
  54     var minlat = <%= edit.min_lat / GeoRecord::SCALE.to_f %>;
  55     var maxlon = <%= edit.max_lon / GeoRecord::SCALE.to_f %>;
  56     var maxlat = <%= edit.max_lat / GeoRecord::SCALE.to_f %>;
  57     var bbox = new OpenLayers.Bounds(minlon, minlat, maxlon, maxlat);
  58
  59     bounds.extend(bbox);
  60     box = addBoxToMap(bbox, "<%= edit.id %>", true);
  61     <% end %>
  62
  63     vectors.events.on({
  64       "featureselected": function(feature) {
  65         highlightChangeset(feature.feature.fid);
  66       },
  67       "featureunselected": function(feature) {
  68         unHighlightChangeset(feature.feature.fid);
  69       }
  70     });
  71
  72     var selectControl = new OpenLayers.Control.SelectFeature(vectors, {
  73       multiple: false,
  74       hover: true
  75     });
  76     map.addControl(selectControl);
  77     selectControl.activate();
  78
  79     <% if ! @bbox.nil? %>
  80       setMapExtent(new OpenLayers.Bounds(<%= @bbox %>));
  81     <% else %>
  82       setMapExtent(bounds);
  83     <% end %>
  84   }
  85
  86   Event.observe(window, "load", init);
  87 </script>