Tools

Everything a map built with Mappia can offer its users, grouped by what it is for. Each page shows a working example - the query and a picture of what it produces - and the tool's complete parameter list.

Inputs

Controls in a layer's panel whose values feed the calculation: move a slider, type a value, pick from a list.

Button LayersFunctions Alertify

Button

{{button}}

A button that runs one of your functions when clicked, or switches on and off as a toggle.

Checkbox LayersFunctions InputManager

Checkbox

{{checkbox}}

A switch that runs code when the user turns it on or off.

Combobox OpacitySlider LegendHtml

Combobox

{{combobox}}

A drop-down list: the user picks one value and the layer recalculates with it.

FileField GEOJSON VectorLayer

FileField

{{filefield}}

Let the user pick a file from their computer and hand it to your code, for example to draw a...

InputManager LayersFunctions Highcharts HTML QUERY

InputManager

{{inputmanager}}

A hidden store of named values that buttons and callbacks fill; storing a value recalculates the layer.

Slider

Range Slider

{{slider}}

A slider with two thumbs that hands the layer a [low, high] pair, to keep only the values inside a...

Slider Label

Slider and Label

{{slider}}{{label}}

A draggable slider that feeds a number into the layer's calculation, with a label that tells the user what the...

Textfield ConfigLayer

Textfield

{{textfield}}

A one-line text box whose text feeds the layer's calculation; isnumeric flags anything that is not a number.

ZoomLevel LayersFunctions

ZoomLevel

{{zoomlevel}}

A hidden input carrying the map's current zoom into the calculation.

Reading the map

Click, hover or draw on the map to read values, sum areas, or pick and edit features.

VectorLayer CustomSelectFeature FileLayer

Clicking and hovering on features

React when users click or hover features of a vector layer: run your function, restyle the feature, cluster dense points....

VectorLayer CustomModifyFeature GEOMETRY Alertify

Drawing and editing shapes

Let users draw, reshape and delete polygons and lines on a vector layer, from the layer's toolbar or from your...

Hoverpixel LayersFunctions TooltipHelper RawMaps

Hoverpixel

{{hoverpixel}}

Read the value of each map under the cursor as it moves, or where the user clicks, and pass it...

PickPoint Highcharts

Pickpoint

{{pickpoint}}

Click the map to pick a point and get what every map of the layer holds there, for notifications, charts...

Showing results

Legends, side-by-side comparisons, animations, charts, windows and messages.

Highcharts Sankey AsyncLoader Window

Charts

Draw Highcharts charts - bars, lines, pies, Sankey transitions - inside a layer's panel or a window, and update them...

LayersFunctions

Expression

Compute a new map pixel by pixel: a JavaScript function combines the values of the layer's maps and widgets into...

LegendHtml OpacitySlider QUERY GroupProperties LayersFunctions

LegendHtml and OpacitySlider

{{legendhtml}}{{opacityslider}}

Show the layer's legend inside its panel, plus a slider that changes how transparent the layer is.

LiveComposedSplit LayersProperties LayerInternal

LiveComposedSplit (split view)

{{livecomposedsplit}}

Compare two styles of the same map side by side, with a divider the user drags across the map -...

Alertify LayersFunctions

Notifications and choices

Show the user a short message, a non-blocking alert, or a choice between options, from any callback.

Timeline

Timeline Panel

{{timeline}}

Play a map through time: a panel at the bottom of the map steps through one style per year, period...

Window HTML LayersFunctions

Window

{{window}}

A floating window with a button that opens and closes it.

Data and layers

Bring data in: CSV and JSON files, GeoJSON, tile services, overlays and basemaps.

CONFIGURATION LayersProperties ConfigLayer

Background map picker

Offer several basemaps - OpenStreetMap, satellite, topographic - and let the user switch between them from floating thumbnails.

FileLayer VectorLayer ConfigLayer

JSON file source Layer

Show vector features - inline GeoJSON, or a GeoJSON or CSV file - as a map layer with its own...

LoadCsv Slider Label Highcharts HTML

Loadcsv

{{loadcsv}}

Download a CSV table with the layer and read it from your callbacks - to draw charts, look up values...

LoadJson HTML

Loadjson

{{loadjson}}

Download a JSON file with the layer and use the parsed object in your callbacks - for lookups, lists and...

LayerAdditional GEOMETRY PROJECTION

Overlay layer for markers and highlights

Draw markers, highlights and search results on the map without adding a row to the layer panel.

XYZLayer

XYZ Layer

Show any z/x/y tile service - OpenTopoMap, a satellite mosaic, your own tiles - as a layer of the map....

Page and integration

The layer row, the toolbar, offline use, and the markup rules every tool shares.

paramsButtonConfigProperties paramsButtonConfigFunctions GroupFunctions LayersProperties

Layer panel buttons

The buttons on each layer and group row: open the query panel, download, metadata, custom buttons, and group callbacks.

URLTools URLOptions URLProperties

Map toolbar tools and page options

Choose the toolbar buttons (measure, identify, legend under the cursor...) and page options (scale, grid, start open...) through the map's...

MappiaIO QUERY

MappiaIO (embed a map, talk to it)

Put a Mappia map inside your own page and make them work together: your buttons drive the map, the map...

MarkupSyntax HTML

Markup syntax

The rules every widget tag shares: parameters, escaping, nested keys, references.

OFFLINE CAPABILITIES

Offline areas

Save the tiles of an area so the map works without a connection, and choose whether tiles come from the...

Not available right now

These tools exist in the platform but cannot run in this documentation at the moment. Their pages keep the description and the reference.

AreaIntegral - It reads raw map cells through a map-server service that is not answering at the moment, so it can neither run here nor be pictured. The description below still applies to a working server.
SummedArea - It reads raw map cells through a map-server service that is not answering at the moment, so it can neither run here nor be pictured. The description below still applies to a working server.

Every markup tag

Widgets are written inside a layer's descriptionHtml as {{tag|param=value}}. Every tag, and the page that documents it. The complete parameter lists are in the widget catalogue.

Markup tag	Documented in
`{{areaintegral}}`	AreaIntegral (not available right now)
`{{button}}`	Button
`{{checkbox}}`	Checkbox
`{{combobox}}`	Combobox
`{{filefield}}`	FileField
`{{hoverpixel}}`	Hoverpixel
`{{inputmanager}}`	InputManager
`{{label}}`	Slider and Label
`{{legendhtml}}`	LegendHtml and OpacitySlider
`{{livecomposedsplit}}`	LiveComposedSplit (split view)
`{{loadcsv}}`	Loadcsv
`{{loadjson}}`	Loadjson
`{{opacityslider}}`	LegendHtml and OpacitySlider
`{{pickpoint}}`	Pickpoint
`{{slider}}`	Range Slider
`{{slider}}`	Slider and Label
`{{summedarea}}`	SummedArea (not available right now)
`{{textfield}}`	Textfield
`{{timeline}}`	Timeline Panel
`{{window}}`	Window
`{{zoomlevel}}`	ZoomLevel