फ़ोटोरियलिस्टिक 3D टाइल

फ़ोटोरियलिस्टिक 3D टाइल, हाई रिज़ॉल्यूशन वाली इमेज से बना 3D मेश टेक्सचर होता है. ये दुनिया के कई आबादी वाले इलाकों के हाई रिज़ॉल्यूशन वाले 3D मैप उपलब्ध कराते हैं. इनकी मदद से, अगली जनरेशन के लिए इमर्सिव 3D विज़ुअलाइज़ेशन अनुभव तैयार किए जा सकते हैं. इससे उपयोगकर्ताओं को ये काम करने में मदद मिलती है:

• किसी इलाके के बारे में जानकारी पाना

• किसी जगह पर आसानी से नेविगेट करना

• फ़ैसले लेने के लिए, नई जगहों का आकलन करना

• असल दुनिया में होने वाले बदलावों को समझना

शुरू करने से पहले

Photorealistic 3D Tiles API का इस्तेमाल शुरू करने से पहले, आपको सेवा की शर्तें और Map Tiles API की नीतियां पढ़नी होंगी. इसके बाद, बिलिंग खाते की मदद से कोई प्रोजेक्ट शुरू किया जा सकता है और Map Tiles API को चालू किया जा सकता है. ज़्यादा जानने के लिए, Cloud Console में सेटअप करना लेख पढ़ें.

टाइलें लोड की जा रही हैं

एपीआई पासकोड मिलने के बाद, फ़ोटोरियलिस्टिक टाइल को ऐक्सेस किया जा सकता है. इसके लिए, अपनी पसंद के 3D टाइल रेंडरर को रूट टाइलसेट यूआरएल दें. इसके बाद, फ़ोटोरियलिस्टिक टाइल के लिए किए जाने वाले सभी कॉल, रेंडरर अपने-आप करता है. ऐसा तब होता है, जब असली उपयोगकर्ता मैप को एक्सप्लोर करता है.

रेंडरर, एक रूट टाइलसेट अनुरोध से कम से कम तीन घंटे तक टाइल के अनुरोध कर सकता है. इस सीमा तक पहुंचने के बाद, आपको रूट टाइलसेट का एक और अनुरोध करना होगा.

उदाहरण के लिए, 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>