تنظيم صفحاتك في مجموعات يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تتيح لك "الخرائط الثلاثية الأبعاد ذات الصور الواقعية" في فئة JavaScript للخرائط استخدام صور Google الثلاثية الأبعاد في تطبيقاتك. تقدّم Google الآن تجربة عرض ثلاثية الأبعاد مضمَّنة، ما يتيح لك دمج "الخرائط الثلاثية الأبعاد" أو تجربتها بسرعة وسلاسة.
إليك مثالاً على ما يمكنك عمله باستخدام الخرائط الثلاثية الأبعاد في واجهة برمجة تطبيقات JavaScript للخرائط:
الميزات والإمكانات الرئيسية
البيانات المُدمجة + حلّ العارض: توفّر "الخرائط الثلاثية الأبعاد الواقعية" في JavaScript على "خرائط Google" نقطة اتصال واحدة لإنشاء تجارب شاملة في تصميم الخرائط. يمكنك تبسيط خطوات التطوير وإنشاء خرائط ثلاثية الأبعاد مثيرة للإعجاب بسرعة من خلال العرض المدمج وخريطة أساسية متكاملة مليئة بالأماكن.
الأداء: تتيح تكنولوجيا العرض المدمجة في Google العرض السريع وتجربة مستخدم سلسة.
التصميم: توفّر "خرائط Google" الثلاثية الأبعاد ذات الصور الواقعية في JavaScript إمكانية التصميم باستخدام الخطوط المتعددة والمضلعات والأشكال المنبثقة، ما يسمح لك بلفت انتباه المستخدم بفعالية إلى العناصر الجغرافية الرئيسية في العالم الحقيقي.
إعداد مسارات الكاميرا مسبقًا: يمكنك توجيه المستخدمين بسهولة خلال الخريطة الثلاثية الأبعاد باستخدام رسوم متحركة محدّدة مسبقًا للكاميرا، والانتقال بسلاسة إلى نقاط الاهتمام وعرض المواقع الجغرافية الرئيسية من زوايا مختلفة.
العلامات المخصّصة: يمكنك تعزيز جاذبية الخريطة وإمكانياتها المرئية باستخدام محدّدات المواقع القابلة للتخصيص بالكامل، ما يسمح لك بإنشاء معرّفات فريدة للمواقع الجغرافية التي تمتزج بسلاسة مع البيئة الثلاثية الأبعاد أو تبرز بشكل أفضل.
النماذج الثلاثية الأبعاد: يمكنك تحسين تجربة رسم الخرائط من خلال دمج نماذج ثلاثية الأبعاد مفصّلة للمباني أو المعالم أو العناصر المخصّصة، ما يمنح المستخدمين عرضًا أكثر شمولية وغنية بالمعلومات للمنطقة التي تم الخريطة.
البيانات الشاملة: تسعى Google باستمرار إلى توفير المزيد من البيانات العالية الجودة في منصة الخرائط، وذلك لمواصلة تقديم أفضل الصور الثلاثية الأبعاد في فئتها وفهم العالم الواقعي بشكل أفضل.
التغطية
راجِع الخرائط الثلاثية الأبعاد ذات الصور الواقعية في التغطية المتوافقة مع JavaScript في "خرائط Google".
الخطوات التالية
يمكنك الاطلاع على دليل البدء لإنشاء ملف "Hello, World!" خريطة ثلاثية الأبعاد
جرِّب codelab في المقدمة لاستكشاف كيفية إضافة ميزات إلى الخريطة.
تعرَّف على المزيد من المعلومات عن العلامات والصور المتحركة في codelab التالي.
يمكنك تصفّح مجموعة عيّنات من Google للعثور على نموذج مناسب لحالة الاستخدام.
تاريخ التعديل الأخير: 2025-04-29 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2025-04-29 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["Select platform: [Android](/maps/documentation/maps-3d/android-sdk/overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/maps-3d/ios-sdk/overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/3d/overview \"View this page for the JavaScript platform docs.\")\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n| This product or feature is in Preview (pre-GA). Pre-GA products and features might have limited support, and changes to pre-GA products and features might not be compatible with other pre-GA versions. Pre-GA Offerings are covered by the [Google\n| Maps Platform Service Specific Terms](https://cloud.google.com/maps-platform/terms/maps-service-terms). For more information, see the [launch stage\n| descriptions](/maps/launch-stages).\n\n\u003cbr /\u003e\n\nThe Photorealistic 3D Maps in Maps JavaScript class lets you use Google's 3D imagery across\nyour applications. Google now offers a built-in 3D rendering experience,\nallowing you to quickly and seamlessly incorporate or experiment with 3D\nMaps.\n\nHere's an example of what you can do with 3D Maps in the Maps JavaScript API:\n\nKey features and capabilities\n\n- **Integrated data + renderer solution**: Photorealistic 3D Maps in Maps JavaScript offers a single touchpoint for creating immersive mapping experiences. With built-in rendering and an integrated, places-rich base map, you can simplify development steps and quickly build impressive 3D maps visualizations.\n- **Performance**: Google's built-in rendering technology allows for fast display and a smooth user experience.\n- **Styling**: Photorealistic 3D Maps in Maps JavaScript provides support for styling using polylines, polygons, and extruded shapes, allowing you to effectively bring your user's attention to key geographic elements of the real world.\n- **Preset camera paths**: Effortlessly guide users through your 3D map with predefined camera animations, smoothly transitioning to points of interest and showcasing key locations from various angles.\n- **Custom markers**: Enhance your map's visual appeal and capabilities with fully customizable markers, allowing you to create unique identifiers for locations that seamlessly blend with your 3D environment or stand out for emphasis.\n- **3D models**: Elevate your mapping experience by incorporating detailed 3D models of buildings, landmarks, or custom objects, providing users with an even more immersive and informative view of the mapped area.\n- **Comprehensive data**: Google is constantly working to bring more high quality data into the maps platform, to continue to offer best-in-class 3D imagery and a better understanding of the real world.\n\nCoverage\n\nReview the Photorealistic 3D Maps in Maps JavaScript's supported [coverage](/maps/coverage).\n\nNext steps\n\n- Check out the [Get\n started](/maps/documentation/javascript/3d/get-started) guide to build a \"Hello, World!\" 3D map.\n- Try the intro [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-101-3d-maps-js) to explore how to add features to the map.\n- Expand your knowledge of markers and animation in the next [codelab](https://developers.google.com/codelabs/maps-platform/maps-platform-3d-maps-js-markers#0).\n- Browse Google's collection of [Samples](/maps/documentation/javascript/examples/3d/simple-map) to find one that works for your use-case."]]