Tuiles 3D photoréalistes

Développeurs de l'Espace économique européen (EEE)

Présentation de l'API 3D TilesLes tuiles 3D photoréalistes sont un maillage 3D avec des textures issues d'images en haute résolution. Ils proposent des cartes 3D haute résolution dans de nombreuses zones habitées du monde. Elles vous permettent de proposer des expériences de visualisation 3D immersives et nouvelle génération pour aider vos utilisateurs à :

  • Comprendre une zone

  • Rejoindre un lieu en toute confiance

  • Évaluer de nouveaux lieux pour prendre des décisions

  • Comprendre comment le monde réel évolue

Avant de commencer

Avant de commencer à utiliser l'API Photorealistic 3D Tiles, vous devez consulter les Conditions d'utilisation et les Règles de l'API Map Tiles. Vous pouvez ensuite démarrer un projet avec un compte de facturation et activer l'API Map Tiles. Pour en savoir plus, consultez Configurer vos projets dans la console Cloud.

Obtenir des vignettes

Une fois que vous avez obtenu votre clé API, vous pouvez commencer à accéder aux tuiles photoréalistes en spécifiant l'URL d'un ensemble de tuiles racine à un moteur de rendu 3D Tiles de votre choix. Ensuite, tous les appels ultérieurs pour les tuiles photoréalistes sont automatiquement effectués par le moteur de rendu lorsque l'utilisateur final explore la carte.

Le rendu peut effectuer au moins trois heures de requêtes de tuiles à partir d'une seule requête de jeu de tuiles racine. Une fois cette limite atteinte, vous devez effectuer une autre requête d'ensemble de tuiles racine.

Par exemple, vous pouvez utiliser le code JavaScript suivant pour commencer à explorer les 3D Tiles avec CesiumJS.

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