Фотореалистичные 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>