MapLibre integration - Livebook.dev

Plot Maps using MapLibre

Build and visualize charts using Livebook's native integration with MapLibre.

Ml.new(center: {0, 20}, zoom: 1)
|> Ml.add_geo_source("earthquakes", earthquakes)
|> Kino.MapLibre.clusters_expansion("clusters")

Evaluated

Map Smart cell

The Map Smart Cell provides a user-friendly interface for building map visualizations. You can create maps using either latitude and longitude or geocoding. In addition, the ability to have multiple layers in a single map allows for even more advanced visualizations.

Map style

default

Center

longitude, latitude

Zoom

Source

result4

Coordinates format

Single: lat, lng

Coordinates

coordinates

Type

cluster

Min

100

Max

750

All the power from MapLibre

When the Smart cell is not enough, Livebook offers a tiny API layer that gives you full access to all of MapLibre's features and makes it easier to build all sorts of MapLibre maps.

p1 = %Geo.Point{coordinates: {100.4933, 13.7551}, properties: %{year: 2004}}
p2 = %Geo.Point{coordinates: {6.6523, 46.5535}, properties: %{year: 2005}}
p3 = %Geo.Point{coordinates: {-123.3596, 48.4268}, properties: %{year: 2007}}

gc = %Geo.GeometryCollection{geometries: [p1, p2, p3]}

Ml.new()
|> Ml.add_geo_source("conferences", gc)
|> Ml.add_layer(
  id: "conferences",
  type: :symbol,
  source: "conferences",
  layout: [
    icon_image: "custom-marker",
    text_field: ["get", "year"],
    text_offset: [0, 1.25],
    text_anchor: "top"
  ]
)

Evaluated