Metacat

<h2>Simple map</h2>

<p>

  In it's most basic configuration, mapbuilder can be used to simply put a map

  in a web page.

</p>

<div id="mainMapPane" style="float:right"></div>

<p>

  The configuration for this page consists of a single

  model (a Web Map Context document) and a single widget (a MapPane).

</p>

<p>

  The model ID can also be used as an HTTP request parameter to initialize the

  model from a URL.

  For example, this page can be loaded with a different map using

  <a href="javascript:config.loadModel('mainMap','/mapbuilder/demo/data/context/modisWorld.xml')">

    JavaScript

  </a>

  or

  <a href="?page=samples/tutorial1&mainMap=/mapbuilder/demo/data/context/cded.xml">

    by a parameter in the URL.

  </a>

</p>

<p>

  The MapPane widget renders the model as a set of stacked images and

  inserted into the page.

  The 'htmlTagID' in the config file is used to associate

  the MapPane with an HTML page element, in this case a <DIV> element

  which has it's CSS style set to float on the right hand side of the page.

  The HTML for the widget is generated by applying an XSLT stylehseet to the model.

</p>

<p>

  The ID assigned to the model can be used to reference the methods and properties

  of the JavaScript model object as 'config.objects[modelId]'.

</p>

<p align="right"><a href="?page=samples/tutorial2">next</a></p>