User Manual

Creating a Map Object

The Map Object is the primary object that you will create to perform functionality on the client.

To get started with Mapzania in the browser, the first step is to provide an HTML DIV element.

...
<div id="map-div" style="position:absolute;top:10px;left:10px;bottom:40px;right:10px;"></div>
...

Next, to link a map to a HTML DIV object on the client and to choose which map (from the server) will be rendered, a JavaScript Map object is created like this:

window.onload = function () {
    var map = new Mapzania.Map("map-div","LONDON", function(){
    	//After map has loaded do stuff here
    });
}

NOTE: The "LONDON" parameter is the name of the map (configured using MapStyler) that should be displayed in the DIV.

The following interactive example shows this in action: