User Manual

Concepts

Get Started

JavaScript Client

DotNet Server

Customize the Map Toolbar

With Mapzania, the toolbar can be customized by changing the starting options when instantiating the map object (see map options for more details).

Toolbar Layout

The toolbar layout is configured by the layout property of the toolbar options.

The following interactive example shows this in action:

Examples

Create a Map with a Standard Toolbar Layout

<script type="text/javascript">

    window.onload = function () {
        var map = new Mapzania.Map("map-div", "LONDON", { 
            toolbar: {
                layout: Mapzania.Toolbar.Layouts.Standard
            } 
        });                   
    }
    
    </script>
Create a Map with a Custom Toolbar Layout

<script type="text/javascript">

    window.onload = function () {
        var map = new Mapzania.Map("map-div", "LONDON", { 
            toolbar: {
                layout: ["ZoomIn", "ZoomOut"]
            } 
        });                   
    }
    
    </script>