نمای همپوشانی 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 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده 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)"]]
