Using Mapbox GL Offline

mapbox mapbox-gl mapbox-gl-js
Trevor picture Trevor · Feb 4, 2015 · Viewed 14.9k times · Source

Is there a way to use Mapbox GL (asking about both JS and native) in an offline setting? With MBTiles, you could use either the MBTiles file or extract the raster images. I'm wondering if there's anything similar that would allow Mapbox GL to load the data from a local source as opposed to requiring a web connection to Mapbox's servers. Not talking about just caching data for when the user is offline but actually making a map that runs purely offline all the time. Thanks.

Answer

Klokan Technologies picture Klokan Technologies · Oct 14, 2015

A sample of MapBox GL JS offline (completely hosted on a custom server, in this case GitHub gh-pages) is visible at:

http://klokantech.github.io/mapbox-gl-js-offline-example/

The javascript, css, fonts and even the pre-rendered vector tiles unpacked from MBTiles may be simply in a directory and you get the zoomable vector map.

In case you want to host MBTiles with the vector or raster tiles somewhere online for free, easiest is probably: https://github.com/klokantech/tileserver-php/

While playing with the vector tiles I documented most of the use-cases in these two repos:

Related questions

mapbox gl change icon color

Is there a way to change a mapbox-gl-js icon-image color? This code taken from https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/ won't change the marker color to red map.addLayer({ "id": "markers", "type": "symbol", "source": "markers", "layout": { "icon-image": "{marker-symbol}-15", "…

Read More
How to add a simple Marker in Mapbox GL?

Since the Mapbox GL documentation doesn't talk about anything regarding adding simple markers to LngLat coordinates, and really only has documentation on how to add custom markers, I was hoping someone could tell me how you're supposed to get Mapbox-gl.…

Read More
Message from debugger: Terminated due to memory issue

My app working with Geojson file. I use MapBox SDK to add MGLPolyline to map. But the problem is my file too large, so that the app crash and got the error: Message from debugger: Terminated due to memory issue. …

Read More