| | |
| | | this._element = element; |
| | | this._element.classList.add('panel'); |
| | | |
| | | this._hide = addParaWithText(this._element, '▶'); |
| | | this._hide = addElementWithText(this._element, 'a', '▶'); |
| | | this._hide.title = lang.action_collapse; |
| | | this._hide.className = 'hide'; |
| | | this._hide.addEventListener('click', this.toggleExpanded.bind(this)); |
| | | |
| | | this._close = addParaWithText(this._element, '×'); |
| | | this._close = addElementWithText(this._element, 'a', '×'); |
| | | this._close.title = lang.action_close; |
| | | this._close.className = 'close'; |
| | | this._close.addEventListener('click', this.close.bind(this)); |
| | |
| | | })}, 10); |
| | | }; |
| | | showOnMapElement.addEventListener('click', showOnMapFunction); |
| | | showOnMapElement.className = 'icon-pin addon-icon'; |
| | | showOnMapElement.className = 'icon icon-pin'; |
| | | showOnMapElement.title = lang.show_on_map; |
| | | |
| | | if(additional) { |
| | |
| | | vehicles_last_update[type] = 0; |
| | | }); |
| | | |
| | | ol.style.IconImageCache.shared.setSize(512); |
| | | |
| | | geolocation_feature = new ol.Feature({ |
| | | name: '', |
| | | style: new ol.style.Style({ |
| | |
| | | |
| | | document.getElementById('find').addEventListener('click', find.open.bind(find, panel)); |
| | | |
| | | var hidpi = ol.has.DEVICE_PIXEL_RATIO > 1; |
| | | var layers = [ |
| | | new ol.layer.Tile({ |
| | | source: new ol.source.OSM(), |
| | | source: new ol.source.XYZ({ |
| | | attributions: [ol.source.OSM.ATTRIBUTION], |
| | | url: 'http://10.12.16.142:8080/tiles/mapnik_'+(hidpi ? 'x2' : 'x1')+'/webmercator_'+(hidpi ? 'x2' : 'x1')+'/{z}/{x}/{y}.png', |
| | | maxZoom: 19, |
| | | tilePixelRatio: (hidpi ? 2 : 1), |
| | | }), |
| | | }), |
| | | route_layer, |
| | | geolocation_layer, |