1
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
|
2
|
<html xmlns:vml="urn:schemas-microsoft-com:vml"
|
3
|
xmlns:svg="http://www.w3.org/2000/svg"
|
4
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
5
|
<head>
|
6
|
<script>
|
7
|
// URL of Mapbuilder configuration file.
|
8
|
var mbConfigUrl='config.xml';
|
9
|
</script>
|
10
|
<!--
|
11
|
link rel='StyleSheet' type='text/css' href='../../lib/skin/default/docsStyle.css'>
|
12
|
-->
|
13
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/demoStyles.css'/>
|
14
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/mapStyle.css'/>
|
15
|
<script type="text/javascript" src="../../lib/Mapbuilder.js"></script>
|
16
|
|
17
|
</head>
|
18
|
|
19
|
<body onload="mbDoLoad()">
|
20
|
<!-- DIY cut here 1 -->
|
21
|
<div id="header"> <!-- The header of the page -->
|
22
|
<h1><a href="http://communitymapbuilder.org">MapBuilder</a> <!--Version-->1.5-rc2<!--VersionEnd--> WFS query, Popup Feature</h1>
|
23
|
<!-- The version tag will be inserted into the comment tags above
|
24
|
during the build process. -->
|
25
|
</div><!-- /header -->
|
26
|
<div id="middle"><!-- The center piece of the page with left menubar and right mainbody -->
|
27
|
<div id="exampleList"></div><!-- this is the container where the menubar will be drawn -->
|
28
|
<div id="mainbody"><!-- right side of the middle div, is also divided into two areas -->
|
29
|
<div class="left">
|
30
|
<h3>Explanation</h3>
|
31
|
<p>1) Select the date span (leaving the default is fine) </p>
|
32
|
<p>2) Select which feature to query </p>
|
33
|
<p>3) Use the BBox tool (the dotted square) to select the area </p>
|
34
|
<p>4) Press Retrieve features </p>
|
35
|
<p>The map then will display red dots where features were found.</p>
|
36
|
<p>Press one of the red dots and a popup will be displayed showing information about the selected feature</p>
|
37
|
<br/>
|
38
|
<p>This application uses a stylesheet wfs_GetFeature.xsl applied to the form data which generates a wmc:FeatureType document containing a WFS GetFeature Query. Another style sheet datapopup.xsl is used on the returned FeatureCollection to display different information in the popup for each of the feature types. </p>
|
39
|
<br/> This demo accesses data from the <a href="http://eo1.geobliki.com">GeoBliki EO-1 SWE data node</a>
|
40
|
</div><!-- /left -->
|
41
|
<!-- DIY end cut 1-->
|
42
|
<div class="right">
|
43
|
|
44
|
<div id='webServiceForm'>
|
45
|
<form id='webServiceForm_form'>
|
46
|
|
47
|
<h2>GeoSpatio-Temporal Search</h2>
|
48
|
<table>
|
49
|
<tr>
|
50
|
<td>from:<input id='fromDateField' name="fromDateField" type="text" size="10" value="1/1/2005" /></td>
|
51
|
<td>to:<input id='toDateField' name="toDateField" type="text" size="10" value="1/1/2008" /></td>
|
52
|
<td>
|
53
|
Features:
|
54
|
<select name='feature' id='feature'>
|
55
|
<option value="ali">ali</option>
|
56
|
<option value="hyperion">hyperion</option>
|
57
|
</select>
|
58
|
</td>
|
59
|
</tr>
|
60
|
<tr>
|
61
|
<td>
|
62
|
<!-- Keyword: --><input type="hidden" name="keywords" id='keywords' size="20" value="not implemented yet"/>
|
63
|
</td>
|
64
|
</tr>
|
65
|
<tr><td colspan="3">[Use BBOX tool to specify an area of interest]</td></tr>
|
66
|
<tr>
|
67
|
<td colspan="3">
|
68
|
<a href="javascript:config.objects.webServiceForm.submitForm();">Retrieve Features [calls webServiceForm.submitForm()]</a>
|
69
|
</td>
|
70
|
</tr>
|
71
|
</table>
|
72
|
</form>
|
73
|
</div>
|
74
|
|
75
|
|
76
|
<div id="mainMapPane" style="border:1px solid olive">
|
77
|
<noscript>
|
78
|
this page requires Javascript to be enabled
|
79
|
</noscript>
|
80
|
</div>
|
81
|
<table>
|
82
|
<tr>
|
83
|
<td align='left' width="192" id="mainButtonBar"></td>
|
84
|
<td align="center" id="mapScaleText"/>
|
85
|
<td align="center" id="mapScaleBar"/>
|
86
|
<td align="right" id="cursorTrack" />
|
87
|
<td id="aoiForm" />
|
88
|
</tr>
|
89
|
</table>
|
90
|
</div><!-- /right -->
|
91
|
<!-- DIY cut here 2 -->
|
92
|
</div><!-- /mainbody -->
|
93
|
</div><!-- /middle -->
|
94
|
<div id="footer"><!-- The footer of the page -->
|
95
|
<div class="right">
|
96
|
<a href="http://communitymapbuilder.org/" title="powered by community mapbuilder"><img src="../../lib/skin/default/images/Icon.gif"/></a>
|
97
|
<a href="https://www.osgeo.org/" title="member of OSgeo"><img src="../../lib/skin/default/images/Osgeo.png"/></a>
|
98
|
</div><!-- /right -->
|
99
|
</div><!-- /footer -->
|
100
|
<!-- DIY end cut 2 -->
|
101
|
</body>
|
102
|
</html>
|