seisobs-webapp/index.html

93 lines
2.6 KiB
HTML
Raw Normal View History

<!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>
2013-02-22 14:44:21 +01:00
<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: 100%;
height: 100%;
z-index: 10000;
}
#maptext {
position: absolute;
bottom: 1em;
left: 1em;
width: 20%;
2013-03-20 10:13:56 +01:00
z-index: 15000;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
}
#mapkey {
position: absolute;
top: 18px;
left: 80px;
width: 420px;
height: 80px;
z-index: 20000;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
padding: 0px 0px 0px 0px;
}
</style>
2013-03-20 10:13:56 +01:00
</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>
2013-03-20 10:13:56 +01:00
<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)',
'Year': 'Jahr',
'Magnitudes': 'Magnituden',
'Magnitude': 'Magnitude',
'stations': 'Stationen',
'Zoom in to resolve individual stations.': 'Zum Anzeigen der einzelnen Stationen vergrößern.'
});
OpenLayers.Lang.setCode(document.documentElement.lang);
</script>
2013-03-20 10:13:56 +01:00
<div id="map">
<script type='text/javascript'>init(true, true, true, false);</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>