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

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

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

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

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

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

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

قبل البدء

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

الحصول على البلاطات

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

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

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