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

المطوّرون في المنطقة الاقتصادية الأوروبية

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

  • التعرّف على منطقة معيّنة

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

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

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

قبل البدء

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