Начало работы с 3D Area Explorer, Начало работы с 3D Area Explorer

изображение

Обзор

Решение 3D Area Explorer дает вам совершенно новый способ находить и исследовать локации. Это решение использует возможности фотореалистичных 3D-плиток платформы Google Maps и Places API для создания захватывающих интерактивных 3D-сред.

3D Area Explorer предназначен для решения нескольких задач:

  • Улучшение исследования территории: пользователи могут виртуально исследовать окрестности с высокой степенью визуальной детализации, получая представление о местных особенностях и достопримечательностях.

  • Продвигайте повествования на основе местоположения: : Возможность включать POI (точки интереса) с подробными описаниями позволяет создавать основанный на повествовании опыт, который обучает и информирует пользователей о конкретных местах.

  • Вдохновляйте разработку с помощью возможностей Google Maps 3D: демонстрирует потенциал данных 3D-картографирования Google для создания захватывающих интерактивных карт.

Начиная:

Давать возможность

Ключевые технологии

Это решение построено с использованием двух ключевых технологий:

API платформы Google Карт:

Мы используем несколько API платформы Google Maps, чтобы получить базовую карту и данные для создания этого интерфейса:

  • Фотореалистичные 3D-плитки Google Maps : 3D-модели зданий и местности в высоком разрешении обеспечивают реалистичное и визуально привлекательное представление городской среды.
  • Places API : приложение может идентифицировать и отображать подробную информацию о достопримечательностях (POI) в исследуемой области, обогащая пользовательский опыт местными знаниями.
  • Автозаполнение помогает пользователям искать определенные места или области, представляющие интерес.

ЦезийJS

CesiumJS отвечает за рендеринг и отображение 3D-земли в высоком разрешении. Он обрабатывает загрузку и визуализацию фотореалистичных 3D-плиток Google, которые представляют собой трехмерную сетчатую модель зданий и местности.

Управление камерой: CesiumJS предоставляет инструменты для управления положением, ориентацией и движением камеры. Это включает в себя:

  • Установка начальной точки обзора для фокусировки на указанном районе при загрузке приложения.
  • Реализация динамических движений камеры, таких как автоматическая анимация орбиты для исследования.
  • Обработка взаимодействия пользователя с глобусом, если такие функции включены (панорамирование, масштабирование, вращение).

Узнайте, как фотореалистичная 3D-плитка может работать с средством рендеринга 3D Tiles .

Ключевые компоненты

Приложение разделено на два разных приложения, а именно:

  • Приложение администратора
  • Демо-приложение

На этой диаграмме представлен обзор различий и корреляции между двумя приложениями:

изображение

Было бы полезно изучить каждое приложение подробнее:

Приложение администратора

Это приложение имеет удобный интерфейс, позволяющий настроить работу с 3D-изображениями:

  • Поиск местоположения. Используйте встроенную панель поиска с автозаполнением платформы Google Maps, чтобы найти область, которую вы хотите продемонстрировать. Как только вы выберете местоположение, камера плавно переместится в эту область.

  • Камера: отрегулируйте скорость движения камеры и тип орбиты для создания выбранного впечатления от просмотра.

  • Места (POI). Определите плотность, радиус поиска и типы достопримечательностей (например, ресторанов, кафе, достопримечательностей), которые вы хотите разместить.

Используйте это приложение, чтобы настроить удобство для своих конечных пользователей.

Имеется подробное описание всех настроек 3D Area Explorer .

Демо-приложение

Это последнее приложение, ориентированное на пользователя, которое загружает конфигурацию, созданную вами в приложении администратора. В этой захватывающей трехмерной среде пользователи смогут исследовать выбранные области и открывать для себя места, которые вы выделили.

После того как вы настроили внешний вид с помощью приложения администратора, вы можете загрузить конфигурацию и запустить собственное приложение из исходного кода.

Пользовательский опыт

изображение

Некоторые из ключевых особенностей приложения:

  1. Пользователи могут интерактивно исследовать территорию в 3D, включая здания, достопримечательности и местность.
  2. Пользователи могут искать и открывать близлежащие места (например, музеи, парки, рестораны).
  3. Выбрав место, пользователи могут просмотреть подробную информацию или рассказы, связанные с этим местом.

  4. Разработчики могут персонализировать свой опыт исследования с помощью настроек и элементов управления (при использовании приложения администратора).

  5. Включен автоматический поворот, позволяющий камере автоматически вращаться вокруг центра выбранной области.

Предварительные условия

  1. Ключ API Карт Google. Вам понадобится действительный ключ API со следующими включенными API:

  2. Веб-сервер: Вы можете обслуживать приложение любым из следующих способов:

    • Локальный веб-сервер (например, с использованием Node.js, http-сервера)
    • Статический веб-хостинг (приложение поставляется с Dockerfile).

Подробное описание вариантов развертывания можно найти в разделе readme проекта GitHub.

Развертывание

Вы можете развернуть приложение как приложение узла или контейнер Docker в любой контейнерной среде, например GKE или GAE . Размещенная демонстрационная версия использует следующую архитектуру:

изображение

  • В этой архитектуре код находится в проекте GitHub.
  • Облачная сборка получает код при каждом нажатии на основной и запускает операцию сборки.
  • В рамках сборки он внедряет ключ API и создает образ, который затем сохраняется в реестре артефактов.
  • Наконец, он развертывает последний стабильный образ из реестра Artifact в облаке.
  • У нас также есть некоторые проверки работоспособности и мониторинг для проверки работоспособности развернутых приложений.

Платежная информация

Решение 3D Area Explorer использует сервисы платформы Google Maps для обеспечения захватывающего и динамичного опыта. За некоторые API может взиматься плата. Ниже представлен обзор API и ссылки на цены.

Платформа Google Maps – API 3D-плиток:

Решение Storytelling использует API 3D Tiles для улучшения визуального восприятия геопространственных данных. Подробную информацию о ценах на API 3D Tiles см. в разделе Платформа Google Maps — Цены на API 3D Tiles .

Платформа Google Карт – API Адресов:

API-интерфейс Places используется для данных о местоположении, добавляя богатую информацию к повествованию. Чтобы узнать о расходах, связанных с API Google Адресов, посетите Платформа Google Карт — Цены на API Адресов .

Платформа Google Maps – API автозаполнения:

Функция автозаполнения улучшает взаимодействие с пользователем. Подробную информацию о ценах на API автозаполнения Google Maps можно найти на странице Платформа Google Maps — Цены на автозаполнение мест .

ЦезийJS:

CesiumJS используется для трехмерной визуализации глобуса. Хотя сам CesiumJS имеет открытый исходный код, дополнительные функции или услуги могут иметь свои собственные затраты. Дополнительные сведения о премиальных предложениях см. в документации CesiumJS.

Крайне важно просмотреть информацию о ценах для каждого соответствующего API, поскольку плата определяется индивидуально в зависимости от использования. Обратите внимание, что платформа Google Maps предлагает бесплатный уровень с определенным объемом использования бесплатно, а особенности ценообразования могут варьироваться в зависимости от таких факторов, как количество запросов и регион использования.

Всегда обращайтесь к официальным страницам цен для получения наиболее точной и актуальной информации о платформе Google Maps и стоимости использования CesiumJS. Обеспечьте соблюдение условий, изложенных этими услугами, для эффективного управления и понимания любых связанных с этим расходов.

Заключение

В этом документе представлен обзор возможностей, компонентов, пользовательского опыта и технических требований 3D Area Explorer.

Используя фотореалистичные 3D-плитки Google и API-интерфейс Places, он позволяет виртуально исследовать окрестности, находить достопримечательности и изучать местную историю.

Независимо от того, демонстрируете ли вы территорию, расширяете возможности исследования или продвигаете цифровое повествование, 3D Area Explorer предлагает визуально ошеломляющую платформу.

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