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

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

  • فهم منطقة

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

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

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

قبل البدء

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

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

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

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

على سبيل المثال، يمكنك استخدام رمز JavaScript التالي لبدء استكشاف التصميم الثلاثي الأبعاد. بلاط مع سيزيوم JavaScript.

<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>