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

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

  • فهم منطقة

  • التنقل إلى أحد المواقع بثقة

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

  • فهم كيف يتغير العالم الحقيقي

قبل البدء

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

جارٍ الحصول على المربّعات

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

يمكن أن يجري العرض ثلاث ساعات على الأقل من طلبات المربّعات من طلب مجموعة أقسام جذر واحد. بعد الوصول إلى هذا الحد، يجب إجراء طلب آخر لمجموعة الأقسام الجذر.

على سبيل المثال، يمكنك استخدام رمز JavaScript التالي لبدء استكشاف الشاشات الثلاثية الأبعاد باستخدام 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>