1
|
<?xml version="1.0" encoding="UTF-8"?>
|
2
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
3
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
4
|
|
5
|
<html xmlns="http://www.w3.org/1999/xhtml" >
|
6
|
<head>
|
7
|
<title>Mapbuilder Basic Demo</title>
|
8
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/docsStyle.css'>
|
9
|
<link rel='StyleSheet' type='text/css' href='../../lib/skin/default/mapStyle.css'>
|
10
|
<script>
|
11
|
// URL of Mapbuilder configuration file.
|
12
|
var mbConfigUrl='config.xml';
|
13
|
|
14
|
</script>
|
15
|
<script type="text/javascript" src="../../lib/Mapbuilder.js"></script>
|
16
|
</head>
|
17
|
<body onload="mbDoLoad()">
|
18
|
<h1><a href="http://mapbuilder.sourceforge.net">MapBuilder</a> Basic Demo</h1>
|
19
|
<div id="mainMapPane">
|
20
|
<noscript>
|
21
|
this page requires Javascript to be enabled
|
22
|
</noscript>
|
23
|
</div>
|
24
|
<div id="mainButtonBar">
|
25
|
</div>
|
26
|
<div id="legend">
|
27
|
</div>
|
28
|
<div>
|
29
|
<h2>Examples of working with MapBuilder:</h2>
|
30
|
<ul>
|
31
|
<li>
|
32
|
<a href="javascript:alert('hover over this link to see the AOI')"
|
33
|
onmouseover="config.objects.mainMap.setParam('aoi', new Array(new Array(-25,50),new Array(30,-25)))">Highlight an Area of Interest (AOI)</a>
|
34
|
</li>
|
35
|
<li>
|
36
|
<a href="?mainMap=../data/context/cded.xml">Load a different map by a URL parameter</a>
|
37
|
</li>
|
38
|
<li>
|
39
|
<a href="javascript:config.loadModel('mainMap','../data/context/modisWorld.xml')">
|
40
|
Load a different map by JavaScript function call</a>
|
41
|
</li>
|
42
|
<li>
|
43
|
<a href="?bbox=0,0,50,50">Load the map with a different Bounding Box</a>
|
44
|
</li>
|
45
|
<li>etc.</li>
|
46
|
</ul>
|
47
|
</div>
|
48
|
</body>
|
49
|
</html>
|
50
|
|
51
|
|