You can achieve full offline functionality for both **Mapbox GL JS** and **MapLibre GL JS** using the [map-gl-offline](https://github.com/muimsd/map-gl-offline) package.
**Installation:**
```
npm install map-gl-offline
**Key Features:**
- Complete offline map functionality with vector/raster tiles stored in IndexedDB
- Font & glyph management with Unicode range support
- Sprite management with multi-resolution support (@1x, @2x)
- Polygon-based region selection for downloading specific areas
- Full TypeScript support
**Basic Usage:**
import { OfflineManager } from 'map-gl-offline';
const offlineManager = new OfflineManager(map, {
// Optional configuration
});
The package provides a UI control for downloading and managing offline regions. It stores tiles, styles, fonts, and sprites in IndexedDB, allowing your map to work completely offline.
**Live Demo:** https://map-gl-offline-demo.netlify.app/
```
You can achieve full offline functionality for both **Mapbox GL JS** and **MapLibre GL JS** using the [map-gl-offline](https://github.com/muimsd/map-gl-offline) package.
**Installation:**
```bash
npm install map-gl-offline
```
\*\*Key Features:\*\*
- Complete offline map functionality with vector/raster tiles stored in IndexedDB
- Font & glyph management with Unicode range support
- Sprite management with multi-resolution support (@1x, @2x)
- Polygon-based region selection for downloading specific areas
- Full TypeScript support
\*\*Basic Usage:\*\*
```typescript
import { OfflineManager } from 'map-gl-offline';
const offlineManager = new OfflineManager(map, {
// Optional configuration
});
```
The package provides a UI control for downloading and managing offline regions. It stores tiles, styles, fonts, and sprites in IndexedDB, allowing your map to work completely offline with self-hosted tiles.
\*\*Live Demo:\*\* https://map-gl-offline-demo.netlify.app/