1
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
|
2
|
<html>
|
3
|
<head>
|
4
|
<title>Mapbuilder Time Series Demo</title>
|
5
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/docsStyle.css'>
|
6
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/mapStyle.css'>
|
7
|
<style type="text/css">
|
8
|
#workspace {
|
9
|
height: 300px;
|
10
|
overflow: auto;
|
11
|
position: relative;
|
12
|
/* border: 1px solid blue;*/
|
13
|
background-color: rgb(240,240,240);
|
14
|
display: none;
|
15
|
}
|
16
|
#abstract {
|
17
|
margin: 0px;
|
18
|
}
|
19
|
</style>
|
20
|
<script>
|
21
|
// URL of Mapbuilder configuration file.
|
22
|
var mbConfigUrl='tsConfig.xml';
|
23
|
</script>
|
24
|
<script type="text/javascript" src="../../lib/Mapbuilder.js"></script>
|
25
|
</head>
|
26
|
<body onload="mbDoLoad()">
|
27
|
<h1><a href="http://mapbuilder.sourceforge.net">MapBuilder</a> Time Series Demo</h1>
|
28
|
<table>
|
29
|
<tr>
|
30
|
<td valign="top">
|
31
|
|
32
|
<table><!-- table for left side of page - 2 columns -->
|
33
|
<tr>
|
34
|
<td id="tsButtonBar" align="left"/>
|
35
|
<td id="timestamp" align="right"/>
|
36
|
</tr>
|
37
|
<tr>
|
38
|
<td colspan="2" valign="top">
|
39
|
<div id="mainMapPane"/>
|
40
|
<noscript>this page requires Javascript to be enabled</noscript>
|
41
|
</td>
|
42
|
</tr>
|
43
|
<tr>
|
44
|
<td id="mainButtonBar" valign="top" align="left"/>
|
45
|
<td id="cursorTrack" valign="top" align="right"/>
|
46
|
</tr>
|
47
|
<tr>
|
48
|
<td id="timeRangeSelect" colspan="2" valign="top" align="left"/>
|
49
|
</tr>
|
50
|
<tr>
|
51
|
<td id="legend" colspan="2" valign="top" align="left"/>
|
52
|
</tr>
|
53
|
</table>
|
54
|
|
55
|
</td>
|
56
|
<td valign="top">
|
57
|
|
58
|
<table><!-- table for left side of page - single column -->
|
59
|
<tr>
|
60
|
<td align="left"><h2 id="mapTitle"></h2></td>
|
61
|
</tr>
|
62
|
<tr>
|
63
|
<td align="left" valign="top" id="abstract"></td>
|
64
|
</tr>
|
65
|
<tr>
|
66
|
<td id="mainButtonBar" valign="top" align="left">
|
67
|
Other examples
|
68
|
<div id="collectionList"/>
|
69
|
</td>
|
70
|
</tr>
|
71
|
<tr>
|
72
|
<td valign="top" align="left">
|
73
|
<a href="javascript:document.getElementById('workspace').style.display='block';config.loadModel('wmsCapTemplate','http://aes.gsfc.nasa.gov/cgi-bin/wms?request=GetCapabilities');">NASA SVS Image Server</a>
|
74
|
- a large collection of earth observation data.
|
75
|
Images are in fixed size so map zoom/pan functions are not allowed.
|
76
|
</td>
|
77
|
</tr>
|
78
|
<tr>
|
79
|
<td valign="top" align="left">
|
80
|
<p id="wmsCapsUrlInput"/>
|
81
|
</td>
|
82
|
</tr>
|
83
|
<tr>
|
84
|
<td valign="top" align="left">
|
85
|
<p id="workspace">
|
86
|
</p>
|
87
|
</td>
|
88
|
</tr>
|
89
|
</table>
|
90
|
|
91
|
</td>
|
92
|
</tr>
|
93
|
</table>
|
94
|
|
95
|
<table class="footer">
|
96
|
<tr>
|
97
|
<td><a href="http://mapbuilder.sourceforge.net">Community Map Builder</a><br/>$Name$</td>
|
98
|
<td width="60"><img src="../../lib/skin/default/images/Icon.gif"/></td>
|
99
|
</tr>
|
100
|
</table>
|
101
|
</body>
|
102
|
</html>
|