Обзор
Решение 3D Area Explorer предоставляет совершенно новый способ открытия и изучения локаций. Это решение использует возможности фотореалистичных 3D-плиток платформы Google Maps и API Places для создания захватывающих интерактивных 3D-сред.
Инструмент 3D Area Explorer предназначен для выполнения множества задач:
Расширенные возможности исследования местности: пользователи могут виртуально исследовать районы с высокой степенью детализации изображения, получая представление о местных особенностях и достопримечательностях.
Продвигайте повествования, основанные на местоположении: возможность включать в контент точки интереса (POI) с подробными описаниями позволяет создавать повествовательные впечатления, которые обучают и информируют пользователей о конкретных местах.
Вдохновляйте на разработку, используя возможности Google Maps 3D: это демонстрирует потенциал данных 3D-картографии Google для создания захватывающих интерактивных карт.
Начиная:
Давать возможность
Ключевые технологии
Данное решение создано с использованием двух ключевых технологий:
API платформы Google Maps:
Для получения базовой карты и данных, необходимых для создания этого пользовательского интерфейса, мы используем несколько API платформы Google Maps:
- Фотореалистичные 3D-плитки Google Maps : Высококачественные 3D-модели зданий и местности обеспечивают реалистичное и визуально привлекательное представление городской среды.
- API для работы с местами : приложение может идентифицировать и отображать подробную информацию о достопримечательностях (POI) в исследуемой области, обогащая пользовательский опыт местными знаниями.
- Функция автозаполнения помогает пользователям искать конкретные места или интересующие их районы.
CesiumJS
CesiumJS отвечает за рендеринг и отображение трехмерного глобуса высокого разрешения. Он также обрабатывает загрузку и визуализацию фотореалистичных трехмерных тайлов Google, которые представляют собой трехмерную сетчатую модель зданий и местности.
Управление камерой: CesiumJS предоставляет инструменты для управления положением, ориентацией и перемещением камеры. Это включает в себя:
- Настройка начальной точки обзора таким образом, чтобы при загрузке приложения фокус был направлен на указанный район.
- Реализация динамических движений камеры, таких как автоматическая анимация орбиты для исследования.
- Обработка взаимодействия пользователя с глобусом, если такие функции включены (панорамирование, масштабирование, вращение).
Узнайте, как фотореалистичные 3D-плитки могут работать с рендерером 3D-плиток .
Ключевые компоненты
Приложение разделено на два разных приложения, а именно:
- Администраторское приложение
- Демонстрационное приложение
Эта диаграмма дает общее представление о различиях и взаимосвязи между двумя приложениями:
Было бы полезно подробнее изучить каждое приложение:
Администраторское приложение
Это приложение предоставляет удобный интерфейс, позволяющий настраивать трехмерное изображение:
Поиск по местоположению: используйте встроенную строку поиска автозаполнения платформы Google Maps, чтобы найти интересующую вас область. После выбора местоположения камера плавно переместится в эту область.
Камера: Отрегулируйте скорость движения камеры и тип вращения, чтобы создать желаемый эффект просмотра.
Места (POI): Определите плотность, радиус поиска и типы точек интереса (например, рестораны, кафе, достопримечательности), которые вы хотите отобразить.
Используйте это приложение, чтобы настроить интерфейс для ваших конечных пользователей.
Исследуйте офис Google в Чикаго, следуя медленной траектории движения камеры .
См. подробный обзор туристических достопримечательностей вокруг Лас-Вегас-стрип .
Теперь исследуйте Лас-Вегас, следуя высокоскоростной синусоидальной траектории движения камеры.
Исследуйте Гранд-Каньон со всеми основными туристическими достопримечательностями.
Здесь представлено подробное описание всех настроек 3D Area Explorer .
Демонстрационное приложение
Это финальное, ориентированное на пользователя приложение, которое загружает конфигурацию, созданную вами в приложении «Администрирование». В этой захватывающей трехмерной среде пользователи смогут исследовать выбранные области и обнаружить выделенные вами места.
После того как вы настроите внешний вид и интерфейс с помощью приложения "Администратор", вы можете загрузить конфигурацию и запустить свое пользовательское приложение из исходного кода.
Пользовательский опыт
К основным особенностям приложения относятся:
- Пользователи могут интерактивно исследовать местность в 3D, включая здания, достопримечательности и рельеф.
- Пользователи могут искать и находить расположенные поблизости места (например, музеи, парки, рестораны).
Выбрав место, пользователи могут просмотреть подробную информацию или рассказы, связанные с этим местом.
Разработчики могут персонализировать процесс исследования с помощью настроек и элементов управления (при использовании приложения «Администратор»).
Включено автоматическое вращение, позволяющее камере автоматически поворачиваться вокруг центра выбранной области.
Предварительные требования
Ключ API Google Maps: Вам потребуется действительный ключ API с активированными следующими API:
Веб-сервер: Вы можете запустить приложение с любого из следующих серверов:
- Локальный веб-сервер (например, на Node.js, HTTP-сервер)
- Сервис статического веб-хостинга (приложение поставляется с Dockerfile).
Подробное описание вариантов развертывания можно найти в разделе README проекта на GitHub.
Развертывание
Приложение можно развернуть как Node.js-приложение или контейнер Docker в любой среде контейнеризации, например, GKE или GAE . В демонстрационной версии используется следующая архитектура:
- В этой архитектуре код размещается в проекте на GitHub.
- Облачная сборка подхватывает код при каждом изменении в основной файл и запускает операцию сборки.
- В процессе сборки внедряется ключ API и создается образ, который затем сохраняется в реестре артефактов.
- Наконец, программа развертывает последний стабильный образ из реестра артефактов в Cloud Run.
- У нас также запущены проверки и мониторинг состояния развернутых приложений.
Платежная информация
Решение 3D Area Explorer использует сервисы платформы Google Maps для обеспечения захватывающего и динамичного пользовательского опыта. За использование некоторых API может взиматься плата. Ниже представлен обзор API и ссылки на цены.
Платформа Google Maps — API для 3D-тайлов:
Решение Storytelling использует API 3D Tiles для улучшения визуального восприятия геопространственных данных. Подробную информацию о ценах на API 3D Tiles см. на странице Google Maps Platform - 3D Tiles API Pricing .
Платформа Google Maps — API для работы с местами:
API Places используется для предоставления данных о местоположении, добавляя богатую информацию к процессу повествования. Чтобы узнать о стоимости использования Google Places API, посетите страницу Google Maps Platform - Places API Pricing .
Платформа Google Maps — API автозаполнения:
Функция автозаполнения улучшает взаимодействие с пользователем. Подробную информацию о ценах на API автозаполнения Google Maps можно найти на странице Google Maps Platform - Places Autocomplete Pricing .
CesiumJS:
Для визуализации 3D-глобуса используется CesiumJS . Хотя сам CesiumJS является проектом с открытым исходным кодом, дополнительные функции или услуги могут иметь свою стоимость. Для получения информации о платных предложениях обратитесь к документации CesiumJS.
Крайне важно ознакомиться с ценовой политикой каждого API, поскольку плата определяется индивидуально в зависимости от использования. Обратите внимание, что платформа Google Maps предлагает бесплатный тариф с определенным объемом использования, а конкретные цены могут варьироваться в зависимости от таких факторов, как количество запросов и регион использования.
Для получения наиболее точной и актуальной информации о стоимости использования платформы Google Maps и CesiumJS всегда обращайтесь к официальным страницам с ценами. Обеспечьте соблюдение условий использования этих сервисов, чтобы эффективно управлять и понимать все связанные с ними расходы.
Заключение
В этом документе представлен обзор возможностей, компонентов, пользовательского интерфейса и технических требований инструмента 3D Area Explorer.
Используя фотореалистичные 3D-плитки Google и API Places, приложение позволяет виртуально исследовать окрестности, находить достопримечательности и узнавать о местной истории.
Будь то демонстрация местности, расширение возможностей исследования или продвижение цифрового повествования, 3D Area Explorer предлагает визуально потрясающую платформу.
Попробуйте демо-версию и настройте ее с помощью приложения «Администратор», чтобы создать увлекательный и информативный 3D-интерфейс.