maplibre-tile-sources

Configure MapLibre GL JS data sources, glyphs, and sprites for web maps.

Updated Feb 5, 2026

Search Tags:#maplibre #geojson #tiles #pmtiles #maplibre-gl-js #tile-sources #tile-schemas

Ready to run

npx skills add https://github.com/JNZader/consorcio-canalero --skill maplibre-tile-sources

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: maplibre-tile-sources
Source: https://github.com/JNZader/consorcio-canalero/tree/main/.codex/skills/maplibre-tile-sources
Command: npx skills add https://github.com/JNZader/consorcio-canalero --skill maplibre-tile-sources

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

MapLibre tile source configuration is often confusing: developers must choose between GeoJSON, vector tiles, PMTiles, hosted tile services, or self-hosted tiles, and wire up glyphs and sprites to render labels and icons. This skill provides a practical guide to align data sources with rendering needs and deployment constraints.

Core Features & Use Cases

Decision guidance for tiles vs GeoJSON and when to use each data source type
Guidance on tile schemas, glyphs, and sprites to ensure labels render correctly
Migration support from Mapbox and best practices for MapLibre-compatible styles

Quick Start

Configure a MapLibre map by selecting a data source type and wiring up glyphs and sprites for rendering.

Frequently Asked Questions about maplibre-tile-sources

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I configure MapLibre GL JS data sources for vector tiles and GeoJSON?▼

To configure MapLibre GL JS data sources, you must select between GeoJSON, vector tiles, or PMTiles and define correct source definitions. This involves specifying tile schemas, setting CORS headers, and wiring up glyphs and sprites for proper label rendering.

What is the best way to choose between GeoJSON and vector tiles in MapLibre?▼

Choosing between GeoJSON and vector tiles in MapLibre depends on your rendering needs and deployment constraints. GeoJSON works for simple overlays, while vector tiles or PMTiles are better for complex map layers, requiring correct tile schema alignment.

How do I migrate Mapbox styles to MapLibre-compatible tile sources?▼

Migrating Mapbox styles to MapLibre requires adjusting source definitions to MapLibre-compatible formats. You must reconfigure tile sources, update glyph and sprite URLs, and ensure your tile schemas align with MapLibre GL JS rendering requirements.

Why do my MapLibre labels not render correctly after setting up tile sources?▼

MapLibre labels fail to render when glyph and sprite URLs are missing or misconfigured. Correctly wiring up glyphs and sprites alongside your vector tile sources ensures that text and icons display properly on your web map.

Can I use PMTiles as a data source in MapLibre GL JS?▼

Yes, you can use PMTiles as a data source in MapLibre GL JS. PMTiles serves as an efficient single-file format for vector and raster tiles, requiring proper source definition configuration and CORS considerations to function correctly.

Do I need to configure CORS for self-hosted MapLibre vector tiles?▼

Configuring CORS is necessary for self-hosted MapLibre vector tiles to allow web map access. Proper CORS headers and style considerations must be enforced on your tile server to ensure the browser can fetch GeoJSON, raster, or vector data sources.