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

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

  • فهم منطقة

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

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

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

قبل البدء

قبل البدء في استخدام واجهة برمجة التطبيقات PhotoAsset 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>