extended mapview to give information about the current visible tile

layer,
continued work on printing

WebContent/base/OSRM.Map.js

@@ -22,22 +22,6 @@ or see http://www.gnu.org/licenses/agpl.txt.
 OSRM.GLOBALS.map = null;
 
 
-L.MyLayers = L.Control.Layers.extend({
-getActive: function () {
-	var i, input, obj,
-	inputs = this._form.getElementsByTagName('input'),
-	inputsLen = inputs.length;
-
-	for (i = 0; i < inputsLen; i++) {
-		input = inputs[i];
-		obj = this._layers[input.layerId];
-		if (input.checked && !obj.overlay) {
-			return obj.name;
-		}
-	}
-}
-});
-
 // map controller
 // [map initialization, event handling]
 OSRM.Map = {
@@ -66,9 +50,8 @@ init: function() {
 	});
 
 	// add layer control
-	var layersControl = new L.MyLayers(base_maps, {});
+	var layerControl = new L.Control.QueryableLayers(base_maps, {});
-	OSRM.G.map.layerControl = layersControl;
+	OSRM.G.map.addLayerControl(layerControl);
-	OSRM.G.map.addControl(layersControl);
 
     // move zoom markers
 	OSRM.Browser.getElementsByClassName(document,'leaflet-control-zoom')[0].style.left=(OSRM.GUI.width+10)+"px";

WebContent/base/leaflet/L.Control.QueryableLayers.js

@@ -0,0 +1,34 @@
+/*
+This program is free software; you can redistribute it and/or modify
+it under the terms of the GNU AFFERO General Public License as published by
+the Free Software Foundation; either version 3 of the License, or
+any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+or see http://www.gnu.org/licenses/agpl.txt.
+*/
+
+// queryable Layers control
+// [simply Control.Layers extended by query functions]
+L.Control.QueryableLayers = L.Control.Layers.extend({
+getActiveLayerName: function () {
+	var i, input, obj,
+	inputs = this._form.getElementsByTagName('input'),
+	inputsLen = inputs.length;
+
+	for (i = 0; i < inputsLen; i++) {
+		input = inputs[i];
+		obj = this._layers[input.layerId];
+		if (input.checked && !obj.overlay) {
+			return obj.name;
+		}
+	}
+}
+});

WebContent/base/osrm/OSRM.MapView.js

@@ -16,7 +16,7 @@ or see http://www.gnu.org/licenses/agpl.txt.
 */
 
 // map view/model
-// [extending Leaflet L.Map with setView/fitBounds methods that respect UI visibility] 
+// [extending Leaflet L.Map with setView/fitBounds methods that respect UI visibility, better layerControl] 
 OSRM.MapView = L.Map.extend({
 	setViewUI: function(position, zoom, no_animation) {
 		if( OSRM.GUI.visible == true ) {
@@ -50,5 +50,25 @@ OSRM.MapView = L.Map.extend({
 		var centerPoint = this._getTopLeftPoint().add(viewHalf.divideBy(2));
 		
 		return this.unproject(centerPoint, this._zoom, unbounded);
+	},
+	addLayerControl: function( layerControl ) {
+		if( this.layerControl )
+			return;
+		
+		this.layerControl = layerControl;
+		this.addControl(this.layerControl);
+	},
+	getActiveLayerId: function() {
+		var tile_server_id = 0;
+		
+		var tile_servers = OSRM.DEFAULTS.TILE_SERVERS;
+		var tile_server_name = this.layerControl.getActiveLayerName();
+		for(var i=0, size=tile_servers.length; i<size; i++)
+			if( tile_servers[tile_server_id].display_name == tile_server_name ) {
+				tile_server_id = i;
+				break;
+			}
+		
+		return tile_server_id;
 	}
 });

WebContent/main.html

@@ -37,6 +37,7 @@ or see http://www.gnu.org/licenses/agpl.txt.
 <!-- scripts -->
 <script src="leaflet/leaflet-src.js" type="text/javascript"></script>
 <script src="base/leaflet/L.Bugfixes.js" type="text/javascript"></script>
+<script src="base/leaflet/L.Control.QueryableLayers.js" type="text/javascript"></script>
 <script src="base/leaflet/L.DashedPolyline.js" type="text/javascript"></script>
 <script src="base/leaflet/L.MouseMarker.js" type="text/javascript"></script>
 <script src="base/leaflet/L.SwitchableIcon.js" type="text/javascript"></script>

WebContent/printing/OSRM.Printing.js

@@ -41,7 +41,9 @@ init: function() {
 // create UI in printwindow
 show: function(response) {
 	// create header
-	header = 
+	var header = 
+		'<thead class="header-group"><tr><td colspan="3">' +
+		
 		'<div class="full">' +
 		'<div style="display:table-row">' +
 		
@@ -67,14 +69,12 @@ show: function(response) {
 		
 		'</div>' +
 		'</div>' +
-		'<div class="quad"></div>';	
+		
+		'<div class="quad"></div>' + 
+		'</td></tr></thead>';	
 	
 	// create route description
-	var route_desc = '';
+	var route_desc = '<tbody class="row-group">';
-	route_desc += '<table id="thetable" class="results-table medium-font">';
-	route_desc += '<thead style="display:table-header-group;"><tr><td colspan="3">'+header+'</td></tr></thead>';
-	route_desc += '<tbody stlye="display:table-row-group">';
-
 	for(var i=0; i < response.route_instructions.length; i++){
 		//odd or even ?
 		var rowstyle='results-odd';
@@ -106,32 +106,21 @@ show: function(response) {
 		route_desc += "</tr>";
 	}
 	route_desc += '</tbody>';
-	route_desc += '</table>';
 	
 	// put everything in DOM
-	OSRM.G.printwindow.document.getElementById('description').innerHTML = route_desc;
+	OSRM.G.printwindow.document.getElementById('description').innerHTML = '<table class="results-table medium-font">' + header + route_desc + '</table>';		
-	OSRM.G.printwindow.document.getElementById('overview-map-description').innerHTML = 
+	OSRM.G.printwindow.document.getElementById('overview-map-description').innerHTML = '<table class="results-table medium-font">' + header + '</table>';
-		'<table id="" class="results-table medium-font">' +
-		'<thead style="display:table-header-group;"><tr><td colspan="3">'+header+'</td></tr></thead>'+
-		'</table>';
 	
-	// init map
+	// draw map
-	var tile_servers = OSRM.DEFAULTS.TILE_SERVERS;
+	var tile_server_id = OSRM.MapView.getActiveLayerId();
-	var tile_server_name = OSRM.G.map.layerControl.getActive();
+	var map = OSRM.G.printwindow.initialize( OSRM.DEFAULTS.TILE_SERVERS[tile_server_id] );
-	var tile_server_id = 0;
+	// draw markers
-	for(var size=tile_servers.length;tile_server_id < size; tile_server_id++) {
-		if( tile_servers[tile_server_id].display_name == tile_server_name )
-			break;
-	}
-	
-	OSRM.Printing.map = OSRM.G.printwindow.initialize( OSRM.DEFAULTS.TILE_SERVERS[tile_server_id] );
-	var map = OSRM.Printing.map;
 	var markers = OSRM.G.markers.route;
 	map.addLayer( new L.MouseMarker( markers[0].getPosition(), {draggable:false,clickable:false,icon:OSRM.G.icons['marker-source']} ) );
 	for(var i=1, size=markers.length-1; i<size; i++)
 		map.addLayer( new L.MouseMarker( markers[i].getPosition(), {draggable:false,clickable:false,icon:OSRM.G.icons['marker-via']} ) );
 	map.addLayer( new L.MouseMarker( markers[markers.length-1].getPosition(), {draggable:false,clickable:false,icon:OSRM.G.icons['marker-target']} ));
-	
+	// draw route
 	OSRM.Printing.route = new L.DashedPolyline();
 	var route = OSRM.Printing.route; 
 	route.setLatLngs( OSRM.G.route.getPositions() );
@@ -139,8 +128,7 @@ show: function(response) {
 	map.addLayer( route );
 	var bounds = new L.LatLngBounds( OSRM.G.route.getPositions() );
 	map.fitBoundsUI( bounds );
-	
+	// query for a better route geometry
-	// query better geometry
 	var zoom = map.getBoundsZoom(bounds);
 	OSRM.JSONP.call(OSRM.Routing._buildCall()+'&z='+zoom+'&instructions=false', OSRM.Printing.drawRoute, OSRM.Printing.timeoutRoute, OSRM.DEFAULTS.JSONP_TIMEOUT, 'print');
 },

WebContent/printing/printing.css

@@ -255,4 +255,12 @@ div.header-title
 	display:table-cell;
 	text-align:center;
 	vertical-align:middle;
+}
+.header-group
+{
+	display:table-header-group;
+}
+.row-group
+{
+	display:table-row-group;
 }