Clean up some of the map JS, reduce scope of globals
[rails.git] / app / assets / javascripts / map.js.erb
1 // Leaflet extensions
2 L.extend(L.LatLngBounds.prototype, {
3   getSize: function () {
4     return (this._northEast.lat - this._southWest.lat) *
5            (this._northEast.lng - this._southWest.lng);
6   },
7
8   wrap: function () {
9     return new L.LatLngBounds(this._southWest.wrap(), this._northEast.wrap());
10   }
11 });
12
13 L.Icon.Default.imagePath = <%= "#{asset_prefix}/images".to_json %>;
14
15 var objectLayer;
16 var objectLoader;
17
18 function mapLayers() {
19   return [
20     {
21       klass: L.OSM.Mapnik,
22       attribution: "",
23       keyid: "mapnik",
24       layerCode: "M",
25       name: I18n.t("javascripts.map.base.standard")
26     },
27     {
28       klass: L.OSM.CycleMap,
29       attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
30       keyid: "cyclemap",
31       layerCode: "C",
32       name: I18n.t("javascripts.map.base.cycle_map")
33     },
34     {
35       klass: L.OSM.TransportMap,
36       attribution: "Tiles courtesy of <a href='http://www.opencyclemap.org/' target='_blank'>Andy Allan</a>",
37       keyid: "transportmap",
38       layerCode: "T",
39       name: I18n.t("javascripts.map.base.transport_map")
40     },
41     {
42       klass: L.OSM.MapQuestOpen,
43       attribution: "Tiles courtesy of <a href='http://www.mapquest.com/' target='_blank'>MapQuest</a> <img src='http://developer.mapquest.com/content/osm/mq_logo.png'>",
44       keyid: "mapquest",
45       layerCode: "Q",
46       name: I18n.t("javascripts.map.base.mapquest")
47     }
48   ]
49 }
50
51 function getUserIcon(url) {
52   return L.icon({
53     iconUrl: url || <%= asset_path('marker-red.png').to_json %>,
54     iconSize: [25, 41],
55     iconAnchor: [12, 41],
56     popupAnchor: [1, -34],
57     shadowUrl: <%= asset_path('images/marker-shadow.png').to_json %>,
58     shadowSize: [41, 41]
59   });
60 }
61
62 function addObjectToMap(object, map, options) {
63   if (objectLoader) {
64     objectLoader.abort();
65   }
66
67   if (objectLayer) {
68     map.removeLayer(objectLayer);
69   }
70
71   objectLoader = $.ajax({
72     url: OSM.apiUrl(object),
73     dataType: "xml",
74     success: function (xml) {
75       objectLayer = new L.OSM.DataLayer(null, {
76         styles: {
77           node: options.style,
78           way: options.style,
79           area: options.style
80         }
81       });
82
83       objectLayer.interestingNode = function (node, ways, relations) {
84         if (object.type === "node") {
85           return true;
86         } else if (object.type === "relation") {
87           for (var i = 0; i < relations.length; i++)
88             if (relations[i].members.indexOf(node) != -1)
89               return true;
90         } else {
91           return false;
92         }
93       };
94
95       objectLayer.addData(xml);
96
97       var bounds = objectLayer.getBounds();
98
99       if (options.zoom) {
100         map.fitBounds(bounds);
101       }
102
103       if (options.callback) {
104         options.callback(bounds);
105       }
106
107       objectLayer.addTo(map);
108     }
109   });
110 }