Wait for dom:loaded to fire before initialising the map
[rails.git] / 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
61     addBoxToMap(bbox, "<%= edit.id %>", true);
62     <% end %>
63
64     vectors.events.on({
65       "featureselected": function(feature) {
66         highlightChangeset(feature.feature.fid);
67       },
68       "featureunselected": function(feature) {
69         unHighlightChangeset(feature.feature.fid);
70       }
71     });
72
73     var selectControl = new OpenLayers.Control.SelectFeature(vectors, {
74       multiple: false,
75       hover: true
76     });
77     map.addControl(selectControl);
78     selectControl.activate();
79
80     <% if ! @bbox.nil? %>
81       setMapExtent(new OpenLayers.Bounds(<%= @bbox %>));
82     <% else %>
83       setMapExtent(bounds);
84     <% end %>
85   }
86
87   Event.observe(window, "load", init);
88 </script>