مربّعات ثلاثية الأبعاد لصور واقعية

نظرة عامة على واجهة برمجة التطبيقات 3D Tiles APIالمربّعات الثلاثية الأبعاد لصور واقعية هي شبكة ثلاثية الأبعاد تمّت إضافة صور عالية الدقة إليها. وتوفّر خرائط ثلاثية الأبعاد عالية الدقة في العديد من مناطق الازدحام السكاني في العالم. تتيح لك هذه التجارب توفير تجارب مرئية ثلاثية الأبعاد immersive مذهلة من الجيل التالي لمساعدة المستخدمين في ما يلي:

  • فهم منطقة

  • الانتقال إلى موقع جغرافي بثقة

  • تقييم أماكن جديدة لاتخاذ القرارات

  • فهم كيفية تغيُّر العالم الواقعي

قبل البدء

قبل بدء استخدام واجهة برمجة التطبيقات Photorealistic 3D Tiles API، عليك مراجعة بنود الخدمة و سياسات واجهة برمجة التطبيقات Map Tiles API. يمكنك بعد ذلك بدء مشروع باستخدام حساب فوترة وتفعيل Map Tiles API. لمزيد من المعلومات، يُرجى الاطّلاع على مقالة الإعداد في Cloud Console.

الحصول على شاشات المعلومات

بعد الحصول على مفتاح واجهة برمجة التطبيقات، يمكنك البدء في الوصول إلى الوحدات المربّعة التي تبدو مثل الصور الفوتوغرافية من خلال تحديد عنوان URL لشريحة أساسية من مجموعة شرائح مربّعة لبرنامج رسوم ثلاثية الأبعاد لعرض الشرائح المربّعة من اختيارك. بعد ذلك، يُجري مُنشئ الصور جميع الطلبات اللاحقة للحصول على التنسيقات التصويرية الواقعية تلقائيًا بينما يستكشف المستخدِم النهائي الخريطة.

يمكن أن يُجري العارض طلبات وحدات مربّعة لمدة ثلاث ساعات على الأقل من طلب واحد لملف ملف قاعدة الشرائح. بعد بلوغ هذا الحدّ، عليك تقديم طلب آخر لشريحة قاعدة رسومات.

على سبيل المثال، يمكنك استخدام رمز JavaScript التالي لبدء استكشاف ملفّات ‎3D Tiles باستخدام Cesium JS.

<head>
 <meta charset="utf-8">
 <script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.105/Build/Cesium/Cesium.js"></script>
 <link href="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.105/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>

<body>
  <div id="cesiumContainer"></div>
  <script>
    const viewer = new Cesium.Viewer('cesiumContainer', {
      imageryProvider: false,
      baseLayerPicker: false,
      requestRenderMode: true,
    });

    const tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
      url: "https://tile.googleapis.com/v1/3dtiles/root.json?key=YOUR_API_KEY",
      showCreditsOnScreen: true,
    }));

    viewer.scene.globe.show = false;
  </script>
</body>