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

نظرة عامة على واجهة برمجة التطبيقات 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>