yendrisrogelio

yendrisrogelio

Hi all,

I’ve just released the first version of MaplibreX, which exposes MapLibre GL JS as declarative LiveView components. The map follows your assigns, and map interactions come back as ordinary handle_event/3 callbacks.

A few things that might be of interest:

  • 32 components — layers, sources, controls, markers, popups, 3D terrain,
    deck.gl, and custom WebGL layers with your own GLSL shaders.
  • Map commands are Phoenix.LiveView.JS structs. fly_to, fit_bounds
    and friends run entirely on the client, no server round-trip.
  • maplibre-gl is a peer dependency, not bundled. The published bundle is
    65 KB (12 KB gzipped), and an app that already uses MapLibre never ends up
    with two copies of it on the page.
  • deck.gl is imported dynamically on first use, so pages without it pay
    nothing for the ~600 KB.
  • map:moved is debounced client-side, so panning doesn’t flood the socket.

Requires Elixir 1.15+ and LiveView 1.0+ (tested through 1.2).

Known limitation in 0.1.0: <.deckgl_layer> needs maplibre-gl v5.
@deck.gl/mapbox still reads the internal map.transform that v6 removed, and no published version has stopped — including the 9.4 alphas. Every other component works on both majors, and the library raises a message naming the constraint instead of failing somewhere inside deck.gl.

It’s a 0.1.0 and the component API will likely move as people actually use
it, so feedback is very welcome — particularly on the shape of the API.

Most Liked

alvinkatojr

alvinkatojr

Once again, the members of this community have blown me away. You guys are on a rampage!

Great project, @yendrisrogelio! Mapping is something that has been neglected or under the radar, so this is very much needed. I can’t wait to dive into the source and put this to good use!

Thanks for the good work!

yendrisrogelio

yendrisrogelio OP

Thanks, @alvinkatojr! Really appreciate the kind words.

Definitely let me know how it goes once you test it out or if you run into any rough edges. Feedback and PRs/issues are more than welcome!

Last Post!

alvinkatojr

alvinkatojr

Will definitely do so. Thanks again!

Where Next? Top

Trending in Announcing Top

woylie
Flop is an Elixir library that applies filtering, ordering and pagination parameters to your Ecto queries. offset-based pagination with...
New
MRdotB
I needed to reuse React components from my Chrome extension in my Phoenix/LiveView backend. I noticed that for Svelte/Vue, there are live...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
fuelen
Hi all! I want to present a small library which provides a mix task for generating an Entity-Relationship Diagram for Ecto schemas. You...
New
anuaralfetahe
Hello Published a new library - ProcessHub! ProcessHub is a library designed to manage process distribution within the Elixir cluster. ...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New

Other Trending Topics Top

mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
webofbits
With AI doing more of the implementation work, I’ve been wondering how much coding I should deliberately keep doing myself. My main conc...
#ai
New
sergio
It’s not that it’s vocabulary is too advanced. It’s something worse. I get lost trying to follow even a paragraph written by Claude. It’...
New
AstonJ
This showed up on my feed.. anyone heard of it? Just hype? Ox Alpha is a reasoning model designed for coding, sustained ag...
New
sorenone
Today we’re releasing Oban for Python. Not an Oban client in Python. Not a pythonx wrapper embedded in Elixir. Nope, it’s a fully operati...
New
akoutmos
@hugobarauna, Dr. Dimitrios Koutmos (my brother) and I (Alex Koutmos) have been hard at work on writing a book on how you can use Elixir ...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews