عرض التراكب في deck.gl
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
عرض عيّنة
Deck.gl هي إطار عمل لتصوّر البيانات يستند إلى WebGL، ويوفر مجموعة متنوعة من عمليات تصوّر البيانات الثنائية والثلاثية الأبعاد سهلة الاستخدام، كما يتيح استخدام مجموعات البيانات الكبيرة. يمكنك إضافة تصوّرات بيانات deck.gl باستخدام Maps JavaScript API مع فئة GoogleMapsOverlay في deck.gl.
تتيح مكتبة Deck.gl مصادر بيانات وتنسيقات متعدّدة، كما تتيح إنشاء تمثيلات بصرية مركّبة من خلال عرض طبقات تمثيل بصري متعدّدة على الخريطة.
المتطلبات
لاستخدام deck.gl، يجب استخدام خريطة نقطية أو موجّهة تقدّمها Maps JavaScript API. ننصحك بشدة باستخدام الخريطة المتجهة حتى تتمكّن من الاستفادة بشكل كامل من الميزات المستندة إلى WebGL في الخريطة الأساسية من Google، بما في ذلك الإمالة والتدوير والتحكّم الكامل بالكاميرا الثلاثية الأبعاد.
الاطّلاع على نظرة عامة على الخريطة المتجهة للحصول على التفاصيل
جارٍ تحميل deck.gl
يمكن تحميل Deck.gl في تطبيق الويب باستخدام علامة نص برمجي أو تثبيته كوحدات من Node Package Manager (NPM).
لمزيد من المعلومات، يُرجى الاطّلاع على مستندات@deck.gl/google-maps على موقع deck.gl الإلكتروني.
إضافة عروض مرئية من deck.gl إلى الخريطة
تتم إضافة عمليات التصوّر في deck.gl إلى الخريطة من خلال إنشاء مثيل لفئة
GoogleMapsOverlay التي توفّرها deck.gl.
لمزيد من المعلومات، يُرجى الاطّلاع على مستندات GoogleMapsOverlay على موقع deck.gl الإلكتروني.
الرسومات البيانية المتاحة
توفّر مكتبة Deck.gl العديد من التصورات المختلفة الثنائية والثلاثية الأبعاد التي تم تحسينها لعرض أنواع مختلفة من البيانات. للحصول على قائمة كاملة، يُرجى الاطّلاع على كتالوج الطبقات على موقع deck.gl الإلكتروني.
أمثلة
إليك المزيد من الأمثلة على استخدام deck.gl وMaps JavaScript API:
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-08-27 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-08-27 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eDeck.gl is a WebGL-powered visualization framework offering diverse 2D and 3D data visualizations, easily integrated with the Maps JavaScript API using its \u003ccode\u003eGoogleMapsOverlay\u003c/code\u003e class.\u003c/p\u003e\n"],["\u003cp\u003eIt supports various data sources and formats, enabling composite visualizations by layering multiple visualization types on the map, best utilized with the vector map for leveraging WebGL's 3D capabilities.\u003c/p\u003e\n"],["\u003cp\u003eDeck.gl can be integrated using a script tag or installed as modules from NPM, with detailed guidance available in the deck.gl documentation.\u003c/p\u003e\n"],["\u003cp\u003eNumerous 2D and 3D visualization options are provided by Deck.gl, optimized for different data types, as showcased in the Layer Catalog on the deck.gl website.\u003c/p\u003e\n"],["\u003cp\u003eExamples demonstrate the integration of Deck.gl and the Maps JavaScript API, including ArcLayer, Trips Layer, and ScatterPlot visualizations.\u003c/p\u003e\n"]]],[],null,["\u003cbr /\u003e\n\n\n[View Sample](/maps/documentation/javascript/examples/deckgl-tripslayer) \n\n[Deck.gl](https://deck.gl) is a WebGL-powered visualization\nframework that provides a variety of easy-to-use 2D and 3D data visualizations\nwith support for large data sets. You can add deck.gl data visualizations with\nthe Maps JavaScript API with deck.gl's [`GoogleMapsOverlay`](https://deck.gl/docs/api-reference/google-maps/google-maps-overlay) class.\n\nDeck.gl supports multiple datasources and formats, as well as creating\ncomposite visualizations by rendering multiple visualization layers on the map.\n\nRequirements\n\nTo use deck.gl you must use the raster or vector map provided by the Maps\nJavaScript API. It is highly recommended that you use the vector map so that\nyou can take full advantage of the WebGL-powered features of Google's basemap,\nincluding tilt, rotation, and full 3D camera control.\n\n[See the vector map overview for details](/maps/documentation/javascript/vector-map).\n\nLoading deck.gl\n\nDeck.gl can be loaded in your web app using either a script tag, or installed\nas modules from Node Package Manager (NPM).\n\nFor more information, see the [@deck.gl/google-maps documentation](https://deck.gl/docs/api-reference/google-maps/overview) on the deck.gl website.\n\nAdding deck.gl visualizations to the map\n\nDeck.gl visualizations are added to the map by creating an instance of the\n`GoogleMapsOverlay` class provided by deck.gl.\n\nFor more information, see the [`GoogleMapsOverlay` documentation](https://deck.gl/docs/api-reference/google-maps/google-maps-overlay) on the deck.gl website.\n\nAvailable visualizations\n\nDeck.gl provides many different 2D and 3D visualizations that are optimized for\ndisplaying different types of data. For a complete list, see the\n[Layer Catalog](https://deck.gl/docs/api-reference/layers) on the\ndeck.gl website.\n\nExamples\n\nSee more examples of deck.gl and Maps JavaScript API in action:\n\n- [Deck.gl ArcLayer](/maps/documentation/javascript/examples/deckgl-arclayer)\n- [Deck.gl HeatmpaLayer](/maps/documentation/javascript/examples/deckgl-heatmap)\n- [Deck.gl Trips Layer](/maps/documentation/javascript/examples/deckgl-tripslayer)\n- [Deck.gl ScatterPlot](/maps/documentation/javascript/examples/deckgl-points)"]]
