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 are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
