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

Разработчики Европейской экономической зоны (ЕЭЗ)

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

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

  • Уверенно доберитесь до нужного места

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

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

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

Прежде чем начать использовать API фотореалистичных 3D-плиток, ознакомьтесь с Условиями обслуживания и Правилами API для тайлов карт . После этого вы сможете начать проект с учётной записью и включить API для тайлов карт. Подробнее см. в разделе Настройка в Cloud Console .

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

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

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

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