Moving from Mapbox
Maps by DeltaBreen is built on MapLibre, the open-source fork of Mapbox GL JS, so your map code carries over: change the library, the key and the style. Flat monthly plans, and never an overage bill.
Move over in ten minutes
The same map, pin, search and picture, before and after. Create a publishable key for your site first.
1. The map
import mapboxgl from 'mapbox-gl'
import 'mapbox-gl/dist/mapbox-gl.css'
mapboxgl.accessToken = 'pk.eyJ1…'
const map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v12',
center: [-6.26, 53.35],
zoom: 12,
})import { createMap } from '@deltabreen/maps'
import 'maplibre-gl/dist/maplibre-gl.css'
const map = await createMap({
container: 'map',
key: 'pk_…',
style: 'meadow',
center: [-6.26, 53.35],
zoom: 12,
})npm install @deltabreen/maps maplibre-gl. createMap returns a MapLibre map, so map.on, addSource, addLayer and flyTo carry over unchanged. A mapbox:// style URL does not: pick one of the six built-in looks, or rebuild your style in the designer or import it as MapLibre JSON.
2. Markers and popups
new mapboxgl.Marker()
.setLngLat([-6.26, 53.35])
.setPopup(new mapboxgl.Popup().setText('Our shop'))
.addTo(map)import maplibregl from 'maplibre-gl'
new maplibregl.Marker()
.setLngLat([-6.26, 53.35])
.setPopup(new maplibregl.Popup().setText('Our shop'))
.addTo(map)3. Search
https://api.mapbox.com/search/geocode/v6/forward
?q=77 Pearse Street, Dublin&access_token=pk.eyJ1…https://maps.deltabreen.eu/api/v1/search
?q=77 Pearse Street, Dublin&key=pk_…The same parameter names (q, proximity, bbox, country, language, limit, types, autocomplete) and the same GeoJSON answer, with businesses in the same call. Up to 1,000 queries at once: POST /api/v1/search/batch.
4. A static picture
https://api.mapbox.com/styles/v1/mapbox/streets-v12/static/-6.26,53.35,12/x400
?access_token=pk.eyJ1…https://tiles.deltabreen.eu/static/-6.26,53.35,12/x400.png
?style=meadow&key=pk_…The full reference is in the docs; React and Next.js have a <Map> component, and any MapLibre app can use a map link.
What you get
Flat monthly plans
Free for 20,000 map loads, then €5, €39, €119 or €449 a month. Unused loads roll over and a surge pool covers busy weeks.Fair use: paid plans run well past the plan while we talk. We may limit use that threatens the service and recover the cost of deliberate abuse. The terms
Your own look
Six looks to start from and a designer for every colour, width and label, in 41 languages.
Search on the same key
Addresses, places and businesses in one call, with free type-ahead. Keep the results.
Static images
A PNG of any place from a URL, with pins, lines and areas.
Pins and a store locator
Pins with symbols and opening hours, and a store locator with “Open now”, on every plan.
Terrain and elevation
Hillshade and 3D terrain in any style, and heights along a route from one call.
What we promise
- No overage bill, ever. Go past your plan and we email you; nothing is charged.Fair use: paid plans run well past the plan while we talk. We may limit use that threatens the service and recover the cost of deliberate abuse. The terms
- Paid maps keep running. Past everything, a paid map keeps serving while a person talks to you.
- Six months' notice. If we ever closed the service, you would hear at least six months before.
- Your styles are yours. Open MapLibre JSON on OpenStreetMap data, to export any day.
- An EU company, EU servers. DeltaBreen Limited, Ireland, with a GDPR agreement for every account.
- A person answers. Support comes from the people who run the service.
Questions
Can I move a Mapbox GL JS map without overage charges?
How hard is it to move from Mapbox GL JS to MapLibre?
Do I own my map styles?
Is it really free to start?
Try it free
20,000 map loads a month free, no card. A long session on one map is one load. Go over and we email you;Fair use: paid plans run well past the plan while we talk. We may limit use that threatens the service and recover the cost of deliberate abuse. The terms we never send an overage bill.