mapbox/mapbox-gl-js
Mapbox Gl Js
Mapbox GL JS ist eine WebGL-Karten-Rendering-Engine und ein interaktives Webkarten-Framework, das zum Rendern von Vektorkacheln, Rasterbildern und 3D-Gelände im Browser verwendet wird. Es fungiert als Vektorkachel-Kartenbibliothek und Tool zur Visualisierung von Geodaten und nutzt GPU-beschleunigte Shader, um Geodaten in interaktive Karten umzuwandeln.
Das Projekt zeichnet sich durch die Integration benutzerdefinierter WebGL-Layer direkt in die Rendering-Pipeline und die Verwendung datengesteuerter Ausdrücke aus, um Feature-Eigenschaften auf visuelle Attribute abzubilden. Es unterstützt spezialisiertes Datenladen über PMTiles und bietet Offline-Kartenverwaltung durch lokale Pakete und Datenbanken.
Die Engine deckt ein breites Spektrum an Funktionen ab, darunter 3D-Gelände- und Gebäuderendering mit Beleuchtung und Schatten, Echtzeit-Verfolgung des Benutzerstandorts und programmierbare Kameraanimationen. Sie bietet räumliche Abfragen für den Abruf von Features, dynamische Filterung und ein UI-System für HTML-Marker und Informations-Popups.
Die Bibliothek enthält Build-Konfigurationen zur Erstellung von Bundles, die Content-Security-Policy-Beschränkungen für Web-Worker erfüllen.
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.
- Geodaten und Vektorkartierung - Bibliothek für interaktive Vektorkarten.
- 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.
