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 texturé avec des images haute résolution. Elles offrent des cartes 3D haute résolution dans de nombreuses zones peuplées du monde. Elles vous permettent de proposer des expériences de visualisation 3D immersives de nouvelle génération pour aider vos utilisateurs à :

  • comprendre une zone ;

  • se rendre à un endroit 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 tuiles

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

Le moteur de rendu peut effectuer au moins trois heures de requêtes de tuiles à partir d'une seule requête d'ensemble 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 tuiles 3D avec Cesium JS.

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