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

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

  • একটি এলাকা বুঝুন

  • আত্মবিশ্বাসের সাথে একটি অবস্থানে নেভিগেট করুন

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

  • বাস্তব জগত কিভাবে পরিবর্তিত হয় তা বুঝুন

আপনি শুরু করার আগে

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

টাইলস পাচ্ছেন

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

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

একটি উদাহরণ হিসাবে, আপনি Cesium JS এর ​​সাথে 3D টাইলস অন্বেষণ শুরু করতে নিম্নলিখিত জাভাস্ক্রিপ্ট কোড ব্যবহার করতে পারেন।

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