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

यूरोपियन इकनॉमिक एरिया (ईईए) के डेवलपर

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

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

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

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

  • जानें कि असल दुनिया में क्या बदलाव हो रहे हैं

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

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

टाइलों को ऐक्सेस करना

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

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

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