Sidi_Mohammed
Hello,
Iam looking for a simple and efficient way to handle openstreetmap in Phoenix project, I can see LiveMap module which say : LiveMap — live_map v0.0.1
By rendering the map on the server, it avoids the client-side map libraries for simple mapping needs. Utilizing LiveView, we can also update map data on the server, and let the browser do what it does best—rendering markup.The map is rendered as an SVG, in which each tiles are rendered as , using tiles from OpenStreetMap’s tile server by default.
…
So I just want to show maps and update them in the server-side like add markers and push updates to the client without using javascript libs like leaflet but I can’t find examples or tutorials so if someone can help in this.
Thanks in advance.
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Error tracking, logs, APM, uptime and cron monitoring in one dev-friendly platform. Find and fix problems before your users notice.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #metaprogramming
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Practical resources that improve the lives of professional developers.
Master modern tools, write cleaner code, and tackle real-world challenges.
Producing high quality Elixir screencasts since 2017.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 3- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
codeanpeace
I’d suggest digging into the
LiveMapsource code and extending it to add these markers. You can look at how buttons are rendered onto the svg tiled map to get an idea of how to accomplish this.https://github.com/sntran/live_map/blob/main/lib/live_map.html.heex
https://github.com/sntran/live_map/blob/main/lib/live_map.ex
And for getting the market coordinates off a click:
Sidi_Mohammed
Thank you @codeanpeace for sharing those links, this is exactly what I was looking for.
After some researches, I found that
openstreetmapserver is not scalable and can’t handle more than 1 request per second(which is so bad), there is a second method : downloading the needed maps inpbfformat and building the own maps server but I don’t know about performance because serving big data in general require high hardware capacities so I don’t think that it will be good idea.D4no0
This is exactly done on propose to avoid having people spam the endpoints, you can use OSM to test if everything works, however you want to use this for business, go and pay, nobody is obligated to offer you a free service.
It highly depends on what kind of detail you require for maps, there are unlimited possibilities of what kind of data you want to serve from your map, be it only a country, level of detail (for example showing only the main roads), this directly influences the overhead and processing power the server requires. In practice pretty much nobody needs all the map with the full details like OSM.