Map
The map block allows embedding a map for display of geocoded data. Leaflet.JS is used to display the map, and some Leaflet.JS customisation options are supported.
The height
in pixels of the block (default height 500px),
and the initial zoom
level (default zoom = 8)
are provided as configuration options to the block. You can also optionally
provide a latlng
config option for the default map center point.
The map defaults to centering at [51.505, -0.09].
Examples
The map block expects incoming data to be an array of objects that
have lat
, long
, and label
properties. Here is an example
of a mapping that produces appropriate data:
{
"type": "mapping",
"mapping": "data[?recovered > `20`].{ lat: lat, long: long, label: join(' ', [to_string(recovered), 'recovered in', combinedKey][? @ != null]) }"
}
Example map block configuration:
{
"type": "map",
"height": 500,
"zoom": 2
}