]> git.openstreetmap.org Git - rails.git/blob - app/assets/javascripts/leaflet.extend.js.erb
Consistent changeset bbox color, closes #31
[rails.git] / app / assets / javascripts / leaflet.extend.js.erb
1 L.extend(L.LatLngBounds.prototype, {
2   getSize: function () {
3     return (this._northEast.lat - this._southWest.lat) *
4            (this._northEast.lng - this._southWest.lng);
5   },
6
7   wrap: function () {
8     return new L.LatLngBounds(this._southWest.wrap(), this._northEast.wrap());
9   }
10 });
11
12 L.extend(L.Map.prototype, {
13   getLayersCode: function () {
14     var layerConfig = '';
15     for (var i in this._layers) { // TODO: map.eachLayer
16       var layer = this._layers[i];
17       if (layer.options && layer.options.code) {
18         layerConfig += layer.options.code;
19       }
20     }
21     return layerConfig;
22   },
23
24   getMapBaseLayerId: function () {
25     for (var i in this._layers) { // TODO: map.eachLayer
26       var layer = this._layers[i];
27       if (layer.options && layer.options.keyid) return layer.options.keyid;
28     }
29   },
30
31   getUrl: function(marker) {
32     var precision = zoomPrecision(this.getZoom()),
33         params = {};
34
35     if (marker && this.hasLayer(marker)) {
36       var latLng = marker.getLatLng().wrap();
37       params.mlat = latLng.lat.toFixed(precision);
38       params.mlon = latLng.lng.toFixed(precision);
39     }
40
41     if (this._object) {
42       params[this._object.type] = this._object.id;
43     }
44
45     var url = 'http://' + OSM.SERVER_URL + '/',
46       query = querystring.stringify(params),
47       hash = OSM.formatHash(this);
48
49     if (query) url += '?' + query;
50     if (hash) url += hash;
51
52     return url;
53   },
54
55   getShortUrl: function(marker) {
56     var zoom = this.getZoom(),
57       latLng = marker && this.hasLayer(marker) ? marker.getLatLng().wrap() : this.getCenter().wrap(),
58       str = window.location.hostname.match(/^www\.openstreetmap\.org/i) ?
59         'http://osm.org/go/' : 'http://' + window.location.hostname + '/go/',
60       char_array = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_~",
61       x = Math.round((latLng.lng + 180.0) * ((1 << 30) / 90.0)),
62       y = Math.round((latLng.lat + 90.0) * ((1 << 30) / 45.0)),
63       // JavaScript only has to keep 32 bits of bitwise operators, so this has to be
64       // done in two parts. each of the parts c1/c2 has 30 bits of the total in it
65       // and drops the last 4 bits of the full 64 bit Morton code.
66       c1 = interlace(x >>> 17, y >>> 17), c2 = interlace((x >>> 2) & 0x7fff, (y >>> 2) & 0x7fff),
67       digit;
68
69     for (var i = 0; i < Math.ceil((zoom + 8) / 3.0) && i < 5; ++i) {
70       digit = (c1 >> (24 - 6 * i)) & 0x3f;
71       str += char_array.charAt(digit);
72     }
73     for (i = 5; i < Math.ceil((zoom + 8) / 3.0); ++i) {
74       digit = (c2 >> (24 - 6 * (i - 5))) & 0x3f;
75       str += char_array.charAt(digit);
76     }
77     for (i = 0; i < ((zoom + 8) % 3); ++i) str += "-";
78
79     // Called to interlace the bits in x and y, making a Morton code.
80     function interlace(x, y) {
81       x = (x | (x << 8)) & 0x00ff00ff;
82       x = (x | (x << 4)) & 0x0f0f0f0f;
83       x = (x | (x << 2)) & 0x33333333;
84       x = (x | (x << 1)) & 0x55555555;
85       y = (y | (y << 8)) & 0x00ff00ff;
86       y = (y | (y << 4)) & 0x0f0f0f0f;
87       y = (y | (y << 2)) & 0x33333333;
88       y = (y | (y << 1)) & 0x55555555;
89       return (x << 1) | y;
90     }
91
92     var params = {};
93
94     if (marker && this.hasLayer(marker)) {
95       params.m = '';
96     }
97
98     if (this._object) {
99       params[this._object.type] = this._object.id;
100     }
101
102     var query = querystring.stringify(params);
103     if (query) {
104       str += '?' + query;
105     }
106
107     return str;
108   },
109
110   addObject: function(object, options) {
111     this._object = object;
112
113     if (this._objectLoader) this._objectLoader.abort();
114     if (this._objectLayer) this.removeLayer(this._objectLayer);
115
116     var map = this;
117     this._objectLoader = $.ajax({
118       url: OSM.apiUrl(object),
119       dataType: "xml",
120       success: function (xml) {
121         map._objectLayer = new L.OSM.DataLayer(null, {
122           styles: {
123             node: options.style,
124             way: options.style,
125             area: options.style,
126             changeset: {
127               weight: 1,
128               color: '#FF9500',
129               opacity: 1,
130               fillOpacity: 0
131             }
132           }
133         });
134
135         map._objectLayer.interestingNode = function (node, ways, relations) {
136           if (object.type === "node") {
137             return true;
138           } else if (object.type === "relation") {
139             for (var i = 0; i < relations.length; i++)
140               if (relations[i].members.indexOf(node) != -1)
141                 return true;
142           } else {
143             return false;
144           }
145         };
146
147         map._objectLayer.addData(xml);
148
149         var bounds = map._objectLayer.getBounds();
150
151         if (options.zoom && bounds.isValid()) map.fitBounds(bounds);
152         if (options.callback) options.callback(bounds);
153
154         map._objectLayer.addTo(map);
155       }
156     });
157   },
158
159   removeObject: function() {
160     this._object = null;
161     if (this._objectLoader) this._objectLoader.abort();
162     if (this._objectLayer) this.removeLayer(this._objectLayer);
163   }
164 });
165
166 L.Icon.Default.imagePath = "/images";
167
168 L.Icon.Default.imageUrls = {
169   "/images/marker-icon.png": "<%= asset_path("images/marker-icon.png") %>",
170   "/images/marker-icon-2x.png": "<%= asset_path("images/marker-icon-2x.png") %>",
171   "/images/marker-shadow.png": "<%= asset_path("images/marker-shadow.png") %>",
172   "/images/marker-shadow-2x.png": "<%= asset_path("images/marker-shadow-2x.png") %>"
173 };
174
175 L.extend(L.Icon.Default.prototype, {
176   _oldGetIconUrl: L.Icon.Default.prototype._getIconUrl,
177
178   _getIconUrl:  function (name) {
179     var url = this._oldGetIconUrl(name);
180     return L.Icon.Default.imageUrls[url];
181   }
182 });
183
184 L.Hash.prototype.parseHash = OSM.parseHash;
185 L.Hash.prototype.formatHash = OSM.formatHash;