1
|
<?xml version="1.0" encoding="UTF-8"?>
|
2
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
|
3
|
|
4
|
<html xmlns="http://www.w3.org/1999/xhtml" >
|
5
|
<head>
|
6
|
<title>Mapbuilder Webmapping Context Editor</title>
|
7
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/demoStyles.css'/>
|
8
|
|
9
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/mapStyle.css'/>
|
10
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/button.css'>
|
11
|
<link rel="stylesheet" type="text/css" href="../../lib/skin/default/tabList.css">
|
12
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/mapStyle.css'>
|
13
|
<style type="text/css">
|
14
|
#workspace {
|
15
|
overflow: auto;
|
16
|
position: relative;
|
17
|
border: 0;
|
18
|
}
|
19
|
</style>
|
20
|
<script>
|
21
|
// URL of Mapbuilder configuration file.
|
22
|
var mbConfigUrl='contextEditor.xml';
|
23
|
|
24
|
function initWorkspace() {
|
25
|
var pageBody = document.getElementsByTagName("body")[0];
|
26
|
var workDiv = document.getElementById("workspace");
|
27
|
var footerDiv = document.getElementById("footer");
|
28
|
var height = 200;
|
29
|
if (_SARISSA_IS_IE) {
|
30
|
height = pageBody.offsetHeight - workDiv.offsetTop - footerDiv.offsetHeight - 80; //20 is a fudge factor
|
31
|
} else {
|
32
|
height = window.innerHeight - workDiv.offsetTop - footerDiv.offsetHeight - 70; //20 is a fudge factor
|
33
|
}
|
34
|
if (height < 200) height = 200;
|
35
|
workDiv.style.height = height +"px";
|
36
|
}
|
37
|
|
38
|
function loadFunc() {
|
39
|
config.objects.mainMap.addListener("loadModel",initWorkspace,null);
|
40
|
window.onresize = initWorkspace;
|
41
|
}
|
42
|
|
43
|
</script>
|
44
|
<script type="text/javascript" src="../../lib/Mapbuilder.js"></script>
|
45
|
</head>
|
46
|
<body onload="mbDoLoad(loadFunc)" >
|
47
|
<div id="header">
|
48
|
<h1><a href="http://communitymapbuilder.org">MapBuilder</a> <!--Version-->1.5-rc2<!--VersionEnd--> Webmapping Context Editor</h1>
|
49
|
<!-- The version tag will be inserted into the comment tags above
|
50
|
during the build process. -->
|
51
|
|
52
|
<a href="javascript:config.setParam('refresh', 'help')" class="help">how to use this page</a></div>
|
53
|
</div>
|
54
|
<div id="middle">
|
55
|
<div id="menubar">
|
56
|
<h2>Basic</h2>
|
57
|
<ul>
|
58
|
<li><a href="../simple/index.html" title="simple map demo">Simple Map Viewer</a></li>
|
59
|
<li><a href="../basic/index.html" title="interactive map demo">Interactive Map Viewer</a></li>
|
60
|
<li><a href="../mapViewer/index.html" title="enhanced map demo">Enhanced Map Viewer</a></li>
|
61
|
</ul>
|
62
|
<h2>Complex</h2>
|
63
|
<ul>
|
64
|
<li><a href="../Demis/index.html" title="Demis map viewer">Different maps connected</a></li>
|
65
|
<li><a href="../timeSeries/index.html" title="Time series viewer">Time series viewer</a></li>
|
66
|
<li><a href="../wfs-t/index.html" title="Feature entry">Feature entry</a></li>
|
67
|
<li><a href="../OWSExplorer/index.html" title="OWS Explorer">Open Web Services Explorer</a></li>
|
68
|
</ul>
|
69
|
|
70
|
<h2>New</h2>
|
71
|
<ul>
|
72
|
<li><a href="../mergeModels/index.html" title="Complex Vector Rendering with GmlRendererOL and MergeModels">Complex Vector Rendering</a></li>
|
73
|
<li><a href="../flickr/index.html" title="GeoRSS feed example">Live flickr feed viewer</a></li>
|
74
|
<li><a href="../shipTracks/index.html" title="GeoRSS Ship tracks">GeoRSS Shiptracks</a></li>
|
75
|
<li><a href="../GeoBliki/index.html" title="GeoBliki example">WFS query, Popup Feature information</a></li>
|
76
|
<li><a href="../Google/index.html" title="Google Map Viewer">Google Map Viewer</a></li><li><a href="../projDemo/index.html" title="Reprojecting vector data on the fly">Projections</a></li>
|
77
|
<li><a href="../openlayers/index.html" title="Webmap.js integration">OpenLayers integration</a></li>
|
78
|
<li><a href="../i18n/index.html" title="I18N map demo">I18N Map Viewer</a></li>
|
79
|
</ul>
|
80
|
<h2 onclick="javascript: history.go(-1)" style="color:black;cursor:pointer;">Back</h2>
|
81
|
</div>
|
82
|
<div id="mainbody">
|
83
|
<div class="left">
|
84
|
<h3>Explanation</h3>
|
85
|
This demo allows you to dynamically build a WMC document by adding map layers to the map. In the end you can save the WMC to
|
86
|
reuse it in your own application. A more detailed explanation how to use it is available <a href="javascript:config.setParam('refresh', 'help')">here</a>
|
87
|
<h2 id="mapTitle"></h2>
|
88
|
<div id="locatorMap">
|
89
|
</div>
|
90
|
<a href="javascript:config.loadModel('myMapCollection','../data/context/demoCollection.xml')">
|
91
|
Map collection</a><br/>
|
92
|
<a href="javascript:config.loadModel('wmsServers','http://geodiscover.cgdi.ca/ceonetWeb/biz?request=searchForService&language=en&levelOfDetail=brief&serviceType=CgdiMapServices&numResultsPerPage=10&page=1')">
|
93
|
Browse WMS servers</a><br/>
|
94
|
<a href="javascript:config.loadModel('wfsServers','http://geodiscover.cgdi.ca/ceonetWeb/biz?request=searchForService&language=en&levelOfDetail=brief&serviceType=CgdiFeatureServices&numResultsPerPage=10&page=1')">
|
95
|
Browse WFS servers</a><br/>
|
96
|
<a href="javascript:config.objects.mainMap.setParam('refresh', 'contextLegend')">
|
97
|
Map layer control</a><br/>
|
98
|
<a href="javascript:config.objects.filterExpression.setParam('refresh', 'owsCatSearchForm')">
|
99
|
Search form</a><br/>
|
100
|
</div>
|
101
|
<div class="right">
|
102
|
<table >
|
103
|
|
104
|
<tr>
|
105
|
<td align="center">
|
106
|
<table>
|
107
|
<tr>
|
108
|
<td colspan="2">
|
109
|
<div id="mainMapPane"/>
|
110
|
</td>
|
111
|
</tr>
|
112
|
<tr>
|
113
|
<td align="left">
|
114
|
<div id="mainButtonBar"/>
|
115
|
</td>
|
116
|
<td align="right" id="cursorTrack" />
|
117
|
</tr>
|
118
|
</table>
|
119
|
</td>
|
120
|
</tr>
|
121
|
<tr>
|
122
|
<td align="left" id="tabBar">
|
123
|
</td>
|
124
|
</tr>
|
125
|
<tr>
|
126
|
<td align="left">
|
127
|
<div id="workspace"></div>
|
128
|
</td>
|
129
|
</tr>
|
130
|
</table>
|
131
|
|
132
|
</div>
|
133
|
</div>
|
134
|
</div>
|
135
|
<div id="footer">
|
136
|
|
137
|
<div class="right">
|
138
|
<a href="http://communitymapbuilder.org/" title="powered by community mapbuilder"><img src="../../lib/skin/default/images/Icon.gif"/></a>
|
139
|
<a href="https://www.osgeo.org/" title="member of OSgeo"><img src="../../lib/skin/default/images/Osgeo.png"/></a>
|
140
|
</div>
|
141
|
</div>
|
142
|
</body>
|
143
|
</html>
|