mapbox/mapbox-gl-js
Mapbox Gl Js
Mapbox GL JS is a WebGL map rendering engine and interactive web map framework used to render vector tiles, raster imagery, and 3D terrain in the browser. It functions as a vector tile map library and geospatial data visualization tool, employing GPU-accelerated shaders to transform geospatial data into interactive maps.
The project distinguishes itself through the integration of custom WebGL layers directly into the rendering pipeline and the use of data-driven expressions to map feature properties to visual attributes. It supports specialized data loading via PMTiles and provides offline map management through local packs and databases.
The engine covers a broad range of capabilities, including 3D terrain and building rendering with lighting and shadows, real-time user location tracking, and programmatic camera animations. It provides spatial querying for feature retrieval, dynamic filtering, and a UI system for HTML markers and information popups.
The library includes build configurations for generating bundles that satisfy Content Security Policy restrictions for web workers.
Features
- Vector Tile Rendering - Transforms vector tile data into GPU-accelerated shaders to render interactive maps in the browser.
- WebGL Rasterization Engines - Functions as a WebGL rasterization engine that transforms vector tile data into GPU-accelerated shaders.
- Frontend Mapping Frameworks - Provides a comprehensive framework for building interactive 2D and 3D maps in the browser.
- Spatial Querying - Retrieves styled rendered features or raw source features at specific screen coordinates or within bounding boxes.
- Spatial Indexing - Uses spatial indexing to enable efficient retrieval of map features based on screen coordinates.
- Camera Projection Systems - Implements a coordinate projection system to map geographic data onto a 2D screen viewport.
- Interactive Map Viewers - Serves as an interactive map viewer using WebGL to render vector tiles and geospatial data.
- Raster and Vector Tile Renderers - Supports loading and rendering data from a variety of vector and raster tile sources.
- Asynchronous Tile Loading - Offloads the heavy parsing and decoding of map tiles to background worker threads for UI responsiveness.
- Viewport-Aware Tiling - Implements viewport-aware tiling to load only the geospatial data tiles currently visible to the user.
- Geospatial Visualizations - Visualizes location-based information using advanced techniques like 3D extruded buildings and point clusters.
- Map Visual Styling - Allows deep customization of map visual appearance through programmatic paint and layout properties.
- Map Interaction Detection - Manages user input through configurable handlers for panning, zooming, rotating, and interacting with map features.
- Interactive Map Workflows - Provides an interactive interface for panning, zooming, and querying geospatial features in the browser.
- Data-Driven Styling - Provides a data-driven styling system to map feature properties to visual attributes like color and size.
- Offline Map Data Managers - Provides utilities for managing regional map datasets to enable offline viewing and navigation.
- Camera Animations - Enables programmatic animations of map center, zoom, pitch, and bearing.
- 3D Map Renderers - Renders extruded 3D terrain and buildings with advanced support for lighting, shadows, and vertical fog.
- Custom Layer Interfaces - Provides a dedicated layer interface for rendering custom WebGL code directly into the map rendering pipeline.
- Marker Visuals - Supports placing custom HTML elements or SVG icons at specific coordinates with dragging and clustering.
- Overlay Rendering Architectures - Employs an overlay rendering architecture to combine a GPU map canvas with HTML-based UI elements.
- Location Tracking - Includes capabilities to track and display a user's real-time geographic position and heading.
- Feature Layer Filtering - Hides or shows map features in real-time based on properties, camera pitch, or distance from the center.
- Contextual Popups - Provides anchored overlay windows containing custom HTML content that track markers or mouse movements.
- Geospatial and Vector Mapping - Library for interactive vector maps.
- Geospatial Mapping - JavaScript library for interactive vector maps.
- Mapping Libraries - WebGL-based library for rendering vector tile maps.
- 图表绘制/图形库(Graphics) - Listed in the “图表绘制/图形库(Graphics)” section of the Awesome Frontend awesome list.
- Miscellaneous Tools - Library for interactive web-based mapping.
Star history
How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.
