1 |
4307
|
leinfelder
|
<!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>
|