Обзор
Решение 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): определите плотность, радиус поиска и типы точек интереса (например, рестораны, кафе, достопримечательности), которые вы хотите показать.
Используйте это приложение для персонализации опыта конечных пользователей.
Исследуйте офис Google в Чикаго, следуя медленной траектории движения камеры .
Посмотрите на плотный обзор туристических достопримечательностей в районе Лас-Вегас-Стрип .
Исследуйте Лас-Вегас, следуя по высокоскоростной синусоидальной траектории камеры.
Исследуйте Гранд-Каньон со всеми основными туристическими достопримечательностями
Подробное описание всех настроек 3D Area Explorer .
Демо-приложение
Это последнее пользовательское приложение, которое загружает конфигурацию, созданную вами в приложении администратора. В этой захватывающей трёхмерной среде пользователи смогут исследовать выбранные области и открывать для себя отмеченные вами места.
После настройки внешнего вида с помощью приложения администратора вы можете загрузить конфигурацию и запустить свое пользовательское приложение из исходного кода.
Пользовательский опыт
Некоторые из ключевых особенностей приложения:
- Пользователи могут интерактивно исследовать территорию в 3D, включая здания, достопримечательности и рельеф.
- Пользователи могут искать и находить близлежащие места (например, музеи, парки, рестораны).
Выбрав место, пользователи могут просмотреть подробную информацию или описания, связанные с этим местоположением.
Разработчики могут персонализировать свой опыт исследования с помощью настроек и элементов управления (при использовании приложения администратора).
Включен автоматический поворот, позволяющий камере автоматически вращаться вокруг центра выбранной области.
Предпосылки
Ключ API Google Карт: Вам понадобится действительный ключ API со следующими включенными API:
Веб-сервер: Вы можете обслуживать приложение с помощью одного из следующих серверов:
- Локальный веб-сервер (например, использующий 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-опыт.