1 |
4307
|
leinfelder
|
<?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 Different maps connected</title>
|
7 |
|
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/demoStyles.css'/>
|
8 |
|
|
<script>
|
9 |
|
|
// URL of Mapbuilder configuration file.
|
10 |
|
|
var mbConfigUrl='config.xml';
|
11 |
|
|
</script>
|
12 |
|
|
<script type="text/javascript" src="../../lib/Mapbuilder.js"></script>
|
13 |
|
|
</head>
|
14 |
|
|
<body onload="mbDoLoad()" >
|
15 |
|
|
<div id="header">
|
16 |
|
|
<h1><a href="http://communitymapbuilder.org">MapBuilder</a> <!--Version-->1.5-rc2<!--VersionEnd--> Different maps connected</h1>
|
17 |
|
|
<!-- The version tag will be inserted into the comment tags above
|
18 |
|
|
during the build process. -->
|
19 |
|
|
<!--This is for more complex pages <a href="" class="help">how to use this page</a></div>-->
|
20 |
|
|
</div>
|
21 |
|
|
<div id="middle">
|
22 |
|
|
<div id="exampleList"></div><!-- this is the container where the menubar will be drawn -->
|
23 |
|
|
<div id="mainbody">
|
24 |
|
|
<div class="left">
|
25 |
|
|
<h3>Explanation</h3>
|
26 |
|
|
This demo shows how to combine different (opaque) map layers, in a google maps style.
|
27 |
|
|
To do this you need to have a collection list with the WMCs you want to use. Note that
|
28 |
|
|
the WMCs in the list can contain multiple layers.<br/>
|
29 |
|
|
When you click on one of the three buttons on top of the map it will load the WMC
|
30 |
|
|
corresponding with that particular button and it will use the current extent. This
|
31 |
|
|
way you can easily switch between a map and satellite view for instance.
|
32 |
|
|
</div>
|
33 |
|
|
<div class="right">
|
34 |
|
|
<table>
|
35 |
|
|
<tr>
|
36 |
|
|
<td>
|
37 |
|
|
<div id="collectionList"></div>
|
38 |
|
|
</td>
|
39 |
|
|
<td align='left' id="mainButtonBar" style="width:168px"></td>
|
40 |
|
|
</tr>
|
41 |
|
|
</table>
|
42 |
|
|
<div id="mainMapPane">
|
43 |
|
|
<noscript>
|
44 |
|
|
this page requires Javascript to be enabled
|
45 |
|
|
</noscript>
|
46 |
|
|
</div>
|
47 |
|
|
<table>
|
48 |
|
|
<tr>
|
49 |
|
|
<td align="center" id="mapScaleText"/>
|
50 |
|
|
<td align="center" id="mapScaleBar"/>
|
51 |
|
|
<td align="right" id="cursorTrack" />
|
52 |
|
|
<td id="aoiForm" />
|
53 |
|
|
</tr>
|
54 |
|
|
</table>
|
55 |
|
|
<div id="loading">
|
56 |
|
|
</div>
|
57 |
|
|
</div>
|
58 |
|
|
</div>
|
59 |
|
|
</div>
|
60 |
|
|
<div id="footer">
|
61 |
|
|
<div class="right">
|
62 |
|
|
<a href="http://communitymapbuilder.org/" title="powered by community mapbuilder"><img src="../../lib/skin/default/images/Icon.gif"/></a>
|
63 |
|
|
<a href="https://www.osgeo.org/" title="member of OSgeo"><img src="../../lib/skin/default/images/Osgeo.png"/></a>
|
64 |
|
|
</div>
|
65 |
|
|
</div>
|
66 |
|
|
</body>
|
67 |
|
|
</html>
|