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

изображение

Обзор

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

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

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

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

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

Начиная:

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

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

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

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

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

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

CesiumJS

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

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

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

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

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

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

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

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

изображение

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

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

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

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

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

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

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

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

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

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

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

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

изображение

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

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

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

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

Предпосылки

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

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

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

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

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

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

изображение

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

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

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

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

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

Платформа Google Карт — API мест:

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

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

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

CesiumJS:

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

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

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

Заключение

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

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

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

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