Фотореалистичные 3D плитки

Обзор API 3D-плиток Фотореалистичные 3D-плитки — это 3D-сетка с текстурой и изображениями высокого разрешения. Они предлагают 3D-карты высокого разрешения во многих густонаселенных районах мира. Они позволяют вам использовать новейшие, захватывающие 3D-визуализации, чтобы помочь вашим пользователям:

  • Понять область

  • Уверенно перемещайтесь к месту

  • Оцените новые места для принятия решений

  • Понять, как меняется реальный мир

Прежде чем начать

Прежде чем начать использовать API Photorealistic 3D Tiles, вам необходимо ознакомиться с Условиями обслуживания и Политиками API Map Tiles . Затем вы можете начать проект с учетной записью для выставления счетов и включить API Map Tiles. Чтобы узнать больше, см. Настройка в Cloud Console .

Получение плитки

После получения ключа API вы можете начать получать доступ к фотореалистичным плиткам, указав корневой URL-адрес набора плиток для рендерера 3D Tiles по вашему выбору. После этого все последующие вызовы фотореалистичных плиток автоматически выполняются рендерером, когда конечный пользователь исследует карту.

Рендер может сделать не менее трех часов запросов тайлов из одного запроса корневого набора тайлов. После достижения этого предела необходимо сделать еще один запрос корневого набора тайлов.

В качестве примера вы можете использовать следующий код JavaScript, чтобы начать изучать 3D-плитки с помощью 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>