Обзор
Решение 3D Area Explorer дает вам совершенно новый способ открывать и исследовать места. Это решение использует возможности Google Maps Platform Photorealistic 3D Tiles и 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-глобуса высокого разрешения. Он обрабатывает загрузку и визуализацию Google's Photorealistic 3D Tiles, которые предоставляют 3D-сетчатую модель зданий и ландшафта.
Управление камерой: CesiumJS предоставляет инструменты для управления положением, ориентацией и движением камеры. Это включает:
- Установка начальной точки обзора для фокусировки на указанном районе при загрузке приложения.
- Реализация динамических движений камеры, таких как автоматизированная анимация орбиты для исследования.
- Обработка взаимодействия пользователя с глобусом, если такие функции включены (панорамирование, масштабирование, вращение).
Узнайте, как фотореалистичная 3D-плитка может работать с рендерером 3D-плиток .
Ключевые компоненты
Приложение разделено на два разных приложения, а именно:
- Приложение администратора
- Демо-приложение
На этой диаграмме представлен обзор различий и взаимосвязи между двумя приложениями:
Было бы полезно более подробно изучить каждое приложение:
Приложение администратора
Это приложение имеет удобный интерфейс, позволяющий настраивать 3D-режим:
Поиск местоположения: используйте встроенную панель поиска Google Maps Platform Autocomplete, чтобы найти область, которую вы хотите продемонстрировать. После выбора местоположения камера плавно переместится в эту область.
Камера: отрегулируйте скорость движения камеры и тип орбиты, чтобы создать выбранный опыт просмотра.
Места (POI): определите плотность, радиус поиска и типы точек интереса (например, рестораны, кафе, достопримечательности), которые вы хотели бы включить в обзор.
Используйте это приложение для персонализации опыта ваших конечных пользователей.
Исследуйте офис Google в Чикаго, следуя медленному маршруту камеры .
См. Плотный обзор туристических достопримечательностей в районе Лас-Вегас-Стрип .
Теперь исследуйте Лас-Вегас, следуя высокоскоростной синусоидальной траектории камеры
Исследуйте Гранд-Каньон со всеми основными туристическими достопримечательностями
Подробное описание всех настроек 3D Area Explorer .
Демо-приложение
Это последнее, пользовательское приложение, которое загружает конфигурацию, созданную вами в приложении Admin. В этой захватывающей трехмерной среде пользователи смогут исследовать выбранные области и открывать для себя места, которые вы выделили.
После настройки внешнего вида с помощью приложения администратора вы можете загрузить конфигурацию и запустить свое пользовательское приложение из исходного кода.
Пользовательский опыт
Некоторые из ключевых особенностей приложения:
- Пользователи могут интерактивно исследовать территорию в 3D, включая здания, достопримечательности и рельеф.
- Пользователи могут искать и находить близлежащие места (например, музеи, парки, рестораны).
Выбрав место, пользователи могут просмотреть подробную информацию или рассказы, связанные с этим местоположением.
Разработчики могут персонализировать свой опыт исследования с помощью настроек и элементов управления (при использовании приложения администратора).
Включен автоматический поворот, позволяющий камере автоматически вращаться вокруг центра выбранной области.
Предпосылки
Ключ API Карт Google: Вам понадобится действительный ключ API со следующими включенными API:
Веб-сервер: Вы можете обслуживать приложение одним из следующих способов:
- Локальный веб-сервер (например, с использованием Node.js, http-сервер)
- Статический веб-хостинг (приложение поставляется с Dockerfile)
Подробное описание вариантов развертывания можно найти в разделе readme проекта GitHub.
Развертывание
Вы можете развернуть приложение как приложение узла или контейнер Docker в любой среде контейнера, например GKE или GAE . Размещенная демонстрация использует следующую архитектуру:
- В этой архитектуре код находится в проекте GitHub.
- Cloud Build подхватывает код при любой отправке в main и запускает операцию сборки.
- В ходе сборки он внедряет ключ API и создает образ, который затем сохраняется в реестре артефактов.
- Наконец, он развертывает последний стабильный образ из реестра Artifact в облаке.
- Мы также проводим ряд проверок работоспособности и мониторинга для проверки работоспособности развернутых приложений.
Платежная информация
Решение 3D Area Explorer использует сервисы Google Maps Platform для обеспечения захватывающего, динамичного опыта. Некоторые API могут взимать плату. Ниже приведен обзор API и ссылки на цены.
Платформа Google Карт — API 3D-плиток:
Решение Storytelling использует API 3D Tiles для улучшения визуального опыта с геопространственными данными. Для получения подробной информации о ценах, связанных с API 3D Tiles, см. Платформа Google Карт - Цены на API 3D Tiles .
Платформа Google Карт — API мест:
API Places используется для данных на основе местоположения, добавляя богатую информацию в опыт повествования. Чтобы узнать расходы, связанные с API Google Places, посетите Google Maps Platform - Цены на API Places .
Платформа Google Карт — API автозаполнения:
Функция автозаполнения улучшает взаимодействие с пользователем. Для получения подробной информации о ценах на API автозаполнения Google Maps посетите страницу Google Maps Platform - Places Autocomplete Pricing .
CesiumJS:
CesiumJS используется для 3D-визуализации глобуса. Хотя сам CesiumJS имеет открытый исходный код, дополнительные функции или услуги могут иметь свои собственные сопутствующие расходы. Ознакомьтесь с документацией CesiumJS для любых премиум-предложений.
Крайне важно ознакомиться с подробностями ценообразования для каждого соответствующего API, поскольку сборы определяются индивидуально на основе использования. Обратите внимание, что платформа Google Maps предлагает бесплатный уровень с определенным объемом использования без оплаты, а особенности ценообразования могут различаться в зависимости от таких факторов, как количество запросов и регион использования.
Всегда обращайтесь к официальным страницам цен для получения наиболее точной и актуальной информации о стоимости использования Google Maps Platform и CesiumJS. Убедитесь в соответствии с условиями, изложенными этими службами, чтобы эффективно управлять и понимать любые сопутствующие расходы.
Заключение
В этом документе представлен обзор возможностей, компонентов, пользовательского опыта и технических требований 3D Area Explorer.
Используя фотореалистичные 3D-плитки Google и API Places, он позволяет виртуально исследовать окрестности, находить интересные места и изучать местную историю.
Независимо от того, демонстрируете ли вы территорию, улучшаете ее исследование или продвигаете цифровое повествование, 3D Area Explorer предлагает визуально ошеломляющую платформу.
Попробуйте демоверсию и настройте ее с помощью приложения администратора, чтобы создать увлекательный и информативный 3D-опыт.