awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
mapbox avatar

mapbox/mapbox-gl-js

0
View on GitHub↗
12,306 نجوم·2,355 تفرعات·TypeScript·7 مشاهداتdocs.mapbox.com/mapbox-gl-js↗

Mapbox Gl Js

Mapbox GL JS هو محرك عرض خرائط WebGL وإطار عمل خرائط ويب تفاعلي يُستخدم لعرض البلاطات المتجهة (vector tiles)، والصور النقطية، والتضاريس ثلاثية الأبعاد في المتصفح. يعمل كمكتبة خرائط للبلاطات المتجهة وأداة لتصور البيانات الجغرافية المكانية، ويستخدم تظليلات (shaders) مسرعة بواسطة GPU لتحويل البيانات الجغرافية المكانية إلى خرائط تفاعلية.

يتميز المشروع من خلال دمج طبقات WebGL مخصصة مباشرة في خط أنابيب العرض واستخدام تعبيرات تعتمد على البيانات لربط خصائص المعالم بالسمات المرئية. وهو يدعم تحميل البيانات المتخصصة عبر PMTiles ويوفر إدارة خرائط دون اتصال بالإنترنت من خلال الحزم وقواعد البيانات المحلية.

يغطي المحرك مجموعة واسعة من الإمكانيات، بما في ذلك عرض التضاريس والمباني ثلاثية الأبعاد مع الإضاءة والظلال، وتتبع موقع المستخدم في الوقت الفعلي، ورسوم متحركة برمجية للكاميرا. كما يوفر استعلاماً مكانياً لاسترجاع المعالم، والتصفية الديناميكية، ونظام واجهة مستخدم لعلامات HTML والنوافذ المنبثقة للمعلومات.

تتضمن المكتبة تكوينات بناء لإنشاء حزم تلبي قيود سياسة أمان المحتوى (Content Security Policy) لعمال الويب (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 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.

سجل النجوم

مخطط تاريخ النجوم لـ mapbox/mapbox-gl-jsمخطط تاريخ النجوم لـ mapbox/mapbox-gl-js

بحث بالذكاء الاصطناعي

استكشف المزيد من المستودعات الرائعة

صف ما تحتاجه بلغة بسيطة — وسيقوم الذكاء الاصطناعي بترتيب آلاف المشاريع مفتوحة المصدر المنسقة حسب الصلة.

Start searching with AI

الأسئلة الشائعة

ما هي وظيفة mapbox/mapbox-gl-js؟

Mapbox GL JS هو محرك عرض خرائط WebGL وإطار عمل خرائط ويب تفاعلي يُستخدم لعرض البلاطات المتجهة (vector tiles)، والصور النقطية، والتضاريس ثلاثية الأبعاد في المتصفح. يعمل كمكتبة خرائط للبلاطات المتجهة وأداة لتصور البيانات الجغرافية المكانية، ويستخدم تظليلات (shaders) مسرعة بواسطة GPU لتحويل البيانات الجغرافية المكانية إلى خرائط تفاعلية.

ما هي الميزات الرئيسية لـ mapbox/mapbox-gl-js؟

الميزات الرئيسية لـ mapbox/mapbox-gl-js هي: Vector Tile Rendering, WebGL Rasterization Engines, Frontend Mapping Frameworks, Spatial Querying, Spatial Indexing, Camera Projection Systems, Interactive Map Viewers, Raster and Vector Tile Renderers.

ما هي البدائل مفتوحة المصدر لـ mapbox/mapbox-gl-js؟

تشمل البدائل مفتوحة المصدر لـ mapbox/mapbox-gl-js: maplibre/maplibre-gl-js — Maplibre GL JS is a WebGL map rendering engine and vector tile map library used to create interactive web maps. It… mapbox/mapbox-gl-native — This project is a cross-platform mapping SDK and hardware-accelerated rendering engine implemented in C++. It provides… react-native-maps/react-native-maps — react-native-maps is a cross-platform mobile map component for iOS and Android that renders interactive geographic… maptalks/maptalks.js — maptalks.js is a JavaScript map rendering library and web map interaction framework used to render interactive 2D and… leaflet/leaflet — Leaflet is a lightweight JavaScript mapping library used to build mobile-friendly interactive maps on web pages. It… tidwall/tile38 — Tile38 is an in-memory geospatial database that uses the Redis protocol for communication and query execution. It…

بدائل مفتوحة المصدر لـ Mapbox Gl Js

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع Mapbox Gl Js.
  • maplibre/maplibre-gl-jsالصورة الرمزية لـ maplibre

    maplibre/maplibre-gl-js

    9,931عرض على GitHub↗

    Maplibre GL JS is a WebGL map rendering engine and vector tile map library used to create interactive web maps. It serves as a web-based GIS visualization tool and an interactive map interface framework for rendering geographic data and vector tiles on web pages. The library provides capabilities for 3D terrain rendering and the integration of custom 3D content. It supports complex geospatial data visualization through the use of heatmaps, clusters, and 3D extrusions, while allowing for custom map styling and environmental effect customization. The system covers a broad range of functional a

    TypeScripthacktoberfestmaplibremaplibre-gl
    عرض على GitHub↗9,931
  • mapbox/mapbox-gl-nativeالصورة الرمزية لـ mapbox

    mapbox/mapbox-gl-native

    4,452عرض على GitHub↗

    This project is a cross-platform mapping SDK and hardware-accelerated rendering engine implemented in C++. It provides a shared geospatial core that allows for the embedding of interactive maps into Android, iOS, macOS, Node.js, and Qt applications. The system focuses on high-performance vector tile rendering using OpenGL and GPU primitives to display interactive 3D landscapes and complex geospatial datasets. It transforms compressed protocol buffers into customizable visuals through a style-driven layer pipeline. The capability surface extends to comprehensive location services, including g

    C++
    عرض على GitHub↗4,452
  • react-native-maps/react-native-mapsالصورة الرمزية لـ react-native-maps

    react-native-maps/react-native-maps

    15,971عرض على GitHub↗

    react-native-maps is a cross-platform mobile map component for iOS and Android that renders interactive geographic data and markers. It provides a native map view and viewport controller to manage camera movement, zoom levels, and coordinate-based animations on mobile devices. The project includes a GeoJSON map renderer for visualizing complex geographic features and an interactive map overlay library for drawing polylines, polygons, and heatmaps. It supports integration with both Google Maps and Apple Maps, allowing developers to switch between providers or apply cloud-based styling and cust

    TypeScriptgoogle-mapsmapsreact-native
    عرض على GitHub↗15,971
  • maptalks/maptalks.jsالصورة الرمزية لـ maptalks

    maptalks/maptalks.js

    4,519عرض على GitHub↗

    maptalks.js is a JavaScript map rendering library and web map interaction framework used to render interactive 2D and 3D geographic data on a web canvas. It functions as a 3D geospatial engine supporting 3DTiles and GLTF formats, a GeoJSON visualization tool, and a spatial analysis library. The project distinguishes itself through high-performance rendering and dynamic geospatial animation, including the ability to simulate traffic flow and execute smooth visual transitions for map elements. It provides comprehensive tools for interactive geometry editing, allowing users to draw and modify ve

    HTML
    عرض على GitHub↗4,519
  • عرض جميع البدائل الـ 30 لـ Mapbox Gl Js→