mapbox/mapbox-gl-js
Mapbox Gl Js
Mapbox GL JS est un moteur de rendu cartographique WebGL et un framework de carte web interactif utilisé pour rendre des tuiles vectorielles, de l'imagerie raster et du terrain 3D dans le navigateur. Il fonctionne comme une bibliothèque de cartes à tuiles vectorielles et un outil de visualisation de données géospatiales, utilisant des shaders accélérés par GPU pour transformer les données géospatiales en cartes interactives.
Le projet se distingue par l'intégration de couches WebGL personnalisées directement dans le pipeline de rendu et l'utilisation d'expressions basées sur les données pour mapper les propriétés des entités aux attributs visuels. Il prend en charge le chargement de données spécialisées via PMTiles et fournit une gestion des cartes hors ligne via des packs locaux et des bases de données.
Le moteur couvre un large éventail de capacités, y compris le rendu de terrain 3D et de bâtiments avec éclairage et ombres, le suivi de la localisation de l'utilisateur en temps réel et des animations de caméra programmables. Il fournit des requêtes spatiales pour la récupération d'entités, le filtrage dynamique et un système d'interface utilisateur pour les marqueurs HTML et les fenêtres contextuelles d'information.
La bibliothèque inclut des configurations de build pour générer des bundles qui respectent les restrictions de Content Security Policy pour les 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.
- Cartographie géospatiale et vectorielle - Bibliothèque pour des cartes vectorielles interactives.
- 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.
