mapbox/mapbox-gl-js
Mapbox Gl Js
Mapbox GL JS este un motor de randare a hărților WebGL și un framework de hărți web interactive utilizat pentru a randa tile-uri vectoriale, imagini raster și teren 3D în browser. Acesta funcționează ca o bibliotecă de hărți cu tile-uri vectoriale și un instrument de vizualizare a datelor geospațiale, utilizând shadere accelerate GPU pentru a transforma datele geospațiale în hărți interactive.
Proiectul se distinge prin integrarea straturilor WebGL personalizate direct în fluxul de randare și prin utilizarea expresiilor bazate pe date pentru a mapa proprietățile entităților la atribute vizuale. Acesta suportă încărcarea specializată a datelor prin PMTiles și oferă gestionarea hărților offline prin pachete locale și baze de date.
Motorul acoperă o gamă largă de capabilități, inclusiv randarea terenului 3D și a clădirilor cu iluminare și umbre, urmărirea locației utilizatorului în timp real și animații programabile ale camerei. Oferă interogare spațială pentru recuperarea entităților, filtrare dinamică și un sistem UI pentru markere HTML și ferestre pop-up cu informații.
Biblioteca include configurații de build pentru generarea de bundle-uri care respectă restricțiile Content Security Policy pentru 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 și cartografiere vectorială - Bibliotecă pentru hărți vectoriale interactive.
- 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.
