ফটোরিয়েলিস্টিক 3D টাইল

ইউরোপীয় অর্থনৈতিক অঞ্চল (EEA)-এর ডেভেলপার

3D Tiles API ওভারভিউফটোরিয়েলিস্টিক 3D টাইল হল হাই-রেজোলিউশন ছবি সহ 3D মেশ টেক্সচার। তারা বিশ্বের অনেক জনবহুল এলাকায় হাই-রেজোলিউশন 3D ম্যাপ অফার করে। এগুলি আপনাকে পরবর্তী প্রজন্মের, ইমারসিভ 3D ভিজ্যুয়ালাইজেশন অভিজ্ঞতা প্রদান করতে দেয় যা আপনার ব্যবহারকারীদের সাহায্য করে:

  • কোনও এলাকা সম্পর্কে বোঝা

  • কোনও লোকেশনে আত্মবিশ্বাসের সাথে নেভিগেট করুন

  • সিদ্ধান্ত নিতে নতুন জায়গা মূল্যায়ন করতে পারা

  • বাস্তব জগৎ কীভাবে পরিবর্তিত হয় তা বোঝা

শুরু করার আগে

Photorealistic 3D Tiles API ব্যবহার করা শুরু করার আগে, আপনাকে পরিষেবার শর্তাবলী এবং Map Tiles API সংক্রান্ত নীতি পর্যালোচনা করতে হবে। তারপর আপনি বিলিং অ্যাকাউন্টের মাধ্যমে প্রোজেক্ট শুরু করতে এবং Map Tiles API চালু করতে পারবেন। আরও জানতে, Cloud Console-এ সেট-আপ করুন দেখুন।

টাইল পাওয়া যাচ্ছে

আপনার API কী পাওয়ার পরে, আপনি আপনার পছন্দের 3D টাইলস রেন্ডারারে একটি রুট টাইলসেট URL নির্দিষ্ট করে ফটোরিয়েলিস্টিক টাইলস অ্যাক্সেস করা শুরু করতে পারেন। তারপরে, ব্যবহারকারী ম্যাপ এক্সপ্লোর করার সময়, ফটোরিয়েলিস্টিক টাইলসের জন্য পরবর্তী সব কল রেন্ডারার অটোমেটিক করে।

রেন্ডার, একটি রুট টাইলসেট অনুরোধ থেকে অন্তত তিন ঘণ্টার টাইল অনুরোধ করতে পারে। এই সীমায় পৌঁছে যাওয়ার পরে, আপনাকে অবশ্যই অন্য একটি রুট টাইলসেট অনুরোধ করতে হবে।

উদাহরণস্বরূপ, Cesium JS-এর মাধ্যমে 3D টাইল এক্সপ্লোর করা শুরু করতে আপনি নিম্নলিখিত 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>