kasper/seisobs-webapp
1
0
Fork 0
Code Issues 7 Pull Requests Releases 1 Wiki Activity

Added print.html with fixed page size for printing maps using wkhtmltopdf.

Browse Source
This commit is contained in:
Kasper D. Fischer 2013-03-20 09:17:14 +00:00
parent cb29b26052
commit 14cdd985ee
Notes: subgit 2018-03-07 17:58:40 +01:00 
r492 www/trunk
1 changed files with 90 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
print.html Normal file
View File

@ -0,0 +1,90 @@
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<!-- $Id$ -->
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>RUB SeisObs - Station and Seismicity Map</title>
<style type="text/css">
html, body, #map {
margin: 0;
width: 1440px;
height: 900px;
z-index: 10000;
}
#maptext {
position: absolute;
bottom: 1em;
left: 1em;
width: 20%;
z-index: 15000;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
}
#mapkey {
position: absolute;
top: 18px;
left: 80px;
width: 320px;
height: 34px;
z-index: 20000;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
padding: 0px 0px 0px 0px;
}
</style>
</head>
<body>
<style type="text/css">
.olControlAttribution {
position: absolute;
font-size: 10px;
text-align: left;
color: #eeeeee;
bottom: 0;
left: 0;
right:auto !important;
background: #130085; /* fallback for IE - IE6 requires background shorthand*/
background: rgba(0, 60, 136, 0.3);
filter: alpha(opacity=30);
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
border-radius: 5px 0 0 0;
}
.olControlAttribution a {
color: #eeeeee;
font-weight: bold;
}
</style>
<script type='text/javascript' src='OpenLayers.js'></script>
<script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false&amp;v=3'></script>
<script type='text/javascript' src='station_map_www.js'></script>
<script type='text/javascript' src='mapkey.js'></script>
<script type='text/javascript' src='lang/de.js'></script>
<script type='text/javascript'>
OpenLayers.Util.extend(OpenLayers.Lang.de, {
'Overlays' : 'Ebenen',
'Stations' : 'Stationen',
'Events': 'Ereignisse',
'Grid': 'Gitter',
'Google Maps (Terrain)': 'Google Maps (Gelände)',
'Google Maps (Satellite)': 'Google Maps (Satellit)',
'Google Maps (Streets)': 'Google Maps (Straßen)',
'Magnitudes': 'Magnituden',
'stations': 'Stationen',
'Zoom in to resolve individual stations.': 'Zum Anzeigen der einzelnen Stationen vergrößern.'
});
OpenLayers.Lang.setCode(document.documentElement.lang);
</script>
<div id="map">
<script type='text/javascript'>init(true, true, true, true);</script>
</div>
<div id="mapkey">
<script type='text/javascript'>initKey(true, false, false);</script>
</div>
<!-- <div id="maptext">
<h3 id="title">Stations</h3>
</div> -->
</body>
</html>