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

Added event hadler to toggle quake mapkey.

Browse Source
This commit is contained in:
Kasper D. Fischer 2013-02-22 15:04:38 +00:00
parent 8cafc17840
commit 23ea60ba31
Notes: subgit 2018-03-07 17:58:39 +01:00 
r476 www/trunk
2 changed files with 38 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
index.html
View File

@ -4,26 +4,9 @@
<head> <head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>RUB SeisObs - Station and Seismicity Map</title> <title>RUB SeisObs - Station and Seismicity Map</title>
<style type="text/css"> </head>
.olControlAttribution {
position: absolute; <body>
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>
<style type="text/css"> <style type="text/css">
html, body, #map { html, body, #map {
margin: 0; margin: 0;
@ -54,9 +37,26 @@
padding: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
} }
</style> </style>
</head> <style type="text/css">
.olControlAttribution {
<body> 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='OpenLayers.js'></script>
<script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false&amp;v=3.9'></script> <script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false&amp;v=3.9'></script>
<script type='text/javascript' src='station_map_www.js'></script> <script type='text/javascript' src='station_map_www.js'></script>
@ -77,9 +77,9 @@
}); });
OpenLayers.Lang.setCode(document.documentElement.lang); OpenLayers.Lang.setCode(document.documentElement.lang);
</script> </script>
<!-- <div id="mapkey"> <div id="mapkey">
<script type='text/javascript'>initKey(true, false, false);</script> <script type='text/javascript'>initKey(true, false, false);</script>
</div> --> </div>
<div id="map"> <div id="map">
<script type='text/javascript'>init(true, true, false, false);</script> <script type='text/javascript'>init(true, true, false, false);</script>
</div> </div>

14
station_map_www.js
View File

@ -127,6 +127,7 @@ function init(showGoogle, showStations, showQuakes, noFrils) {
// Show quakes // Show quakes
quakes_layer = loadKML(OpenLayers.i18n("Events"), 'quakes.kml', false, true); quakes_layer = loadKML(OpenLayers.i18n("Events"), 'quakes.kml', false, true);
quakes_layer.events.on({'visibilitychanged': toggleQuakesMapkey});
map.addLayer(quakes_layer); map.addLayer(quakes_layer);
quakes_layer.setVisibility(showQuakes); quakes_layer.setVisibility(showQuakes);
@ -295,7 +296,7 @@ function onPopupClose(evt) {
select.unselectAll(); select.unselectAll();
} }
/* Function called when clicking on a markger */ /* Function called when clicking on a marker */
function onFeatureSelect(event) { function onFeatureSelect(event) {
var feature = event.feature; var feature = event.feature;
// Since KML is user-generated, do naive protection against // Since KML is user-generated, do naive protection against
@ -337,3 +338,14 @@ function onFeatureUnselect(event) {
delete feature.popup; delete feature.popup;
} }
} }
/* Function to activate map legend */
function toggleQuakesMapkey() {
var mapkey_div = document.getElementById('mapkey');
var quakes_visibility = quakes_layer.getVisibility();
if (quakes_visibility) {
mapkey_div.style.display = "block";
} else {
mapkey_div.style.display = "none";
}
}