1 |
3032
|
perry
|
<h2>Simple map</h2>
|
2 |
|
|
|
3 |
|
|
<p>
|
4 |
|
|
In it's most basic configuration, mapbuilder can be used to simply put a map
|
5 |
|
|
in a web page.
|
6 |
|
|
</p>
|
7 |
|
|
|
8 |
|
|
<div id="mainMapPane" style="float:right"></div>
|
9 |
|
|
|
10 |
|
|
<p>
|
11 |
|
|
The configuration for this page consists of a single
|
12 |
|
|
model (a Web Map Context document) and a single widget (a MapPane).
|
13 |
|
|
</p>
|
14 |
|
|
|
15 |
|
|
<p>
|
16 |
|
|
The model ID can also be used as an HTTP request parameter to initialize the
|
17 |
|
|
model from a URL.
|
18 |
|
|
For example, this page can be loaded with a different map using
|
19 |
|
|
<a href="javascript:config.loadModel('mainMap','/mapbuilder/demo/data/context/modisWorld.xml')">
|
20 |
|
|
JavaScript
|
21 |
|
|
</a>
|
22 |
|
|
or
|
23 |
|
|
<a href="?page=samples/tutorial1&mainMap=/mapbuilder/demo/data/context/cded.xml">
|
24 |
|
|
by a parameter in the URL.
|
25 |
|
|
</a>
|
26 |
|
|
</p>
|
27 |
|
|
|
28 |
|
|
<p>
|
29 |
|
|
The MapPane widget renders the model as a set of stacked images and
|
30 |
|
|
inserted into the page.
|
31 |
|
|
The 'htmlTagID' in the config file is used to associate
|
32 |
|
|
the MapPane with an HTML page element, in this case a <DIV> element
|
33 |
|
|
which has it's CSS style set to float on the right hand side of the page.
|
34 |
|
|
The HTML for the widget is generated by applying an XSLT stylehseet to the model.
|
35 |
|
|
</p>
|
36 |
|
|
<p>
|
37 |
|
|
The ID assigned to the model can be used to reference the methods and properties
|
38 |
|
|
of the JavaScript model object as 'config.objects[modelId]'.
|
39 |
|
|
</p>
|
40 |
|
|
|
41 |
|
|
<p align="right"><a href="?page=samples/tutorial2">next</a></p>
|