Introdução ao 3D Area Explorer

imagem

Visão geral

A solução Explorador de área em 3D oferece uma maneira completamente nova de descobrir e e os locais da experiência. Essa solução usa os recursos do Google Maps Fotorrealista da plataforma em 3D Blocos e os Lugares API para criar ambientes 3D cativantes e interativos.

O Explorador de área em 3D foi desenvolvido para diversas finalidades:

  • Aprimorar a exploração de áreas:os usuários podem explorar as redondezas virtualmente com o um alto grau de detalhes visuais, obtendo informações sobre recursos locais e pontos de referência.

  • Promova narrativas baseadas em localização: a possibilidade de incorporar PDIs. (Pontos de interesse) com descrições detalhadas permitem a criação de experiências narrativas que educam e informam os usuários sobre em vários locais.

  • Inspirar o desenvolvimento usando os recursos 3D do Google Maps:demonstra potencial dos dados de mapeamento em 3D do Google para criar anúncios mapas interativos

Primeiros passos:

Ativar

Principais tecnologias

Essa solução foi criada usando duas tecnologias principais:

APIs da Plataforma Google Maps:

Usamos várias APIs da Plataforma Google Maps para conseguir o mapa básico e os dados. para criar essa experiência:

  • Blocos fotorrealistas em 3D do Google Maps: Modelos 3D de alta resolução de construções e terrenos fornecem uma visualmente envolventes de ambientes urbanos.
  • API Places: O app pode identificar e mostrar informações detalhadas sobre Pontos de Interesses (PDIs) na área explorada, enriquecendo a experiência do usuário com o conhecimento local.
  • Preenchimento automático ajuda os usuários a procurar locais ou áreas específicas interesse.

CesiumJS

A CesiumJS é responsável por renderizar e exibir imagens 3D de alta resolução globo. Ela lida com o carregamento e a visualização da imagem fotorrealista em 3D do Google Blocos, que fornecem um modelo de malha 3D de construções e terrenos.

Gerenciamento da câmera:o CesiumJS fornece as ferramentas para controlar o controle da câmera posição, orientação e movimento. Isso inclui:

  • Definir o ponto de vista inicial para focar na vizinhança especificada depois ao carregar o aplicativo.
  • Implementação de movimentos dinâmicos da câmera, como a órbita automatizada animações para análise.
  • Lidar com as interações do usuário com o globo, se tais recursos estiverem incluídos (movimentação, aplicação de zoom, rotação).

Saiba como os blocos fotorrealistas em 3D podem Trabalhar com um renderizador de blocos 3D.

Principais componentes

O aplicativo é dividido em dois apps diferentes:

  • App Admin
  • App de demonstração

Este diagrama mostra uma visão geral das diferenças e da correlação entre os dois aplicativos:

imagem

Seria útil investigar cada app mais detalhadamente:

App Admin

Esse aplicativo oferece uma interface fácil de usar que permite personalizar a experiência 3D:

  • Pesquisa de local :use o preenchimento automático integrado da Plataforma Google Maps barra de pesquisa para encontrar a área que você quer mostrar. Depois de selecionar um local, a câmera voa perfeitamente para essa área.

  • Câmera:ajuste a velocidade de movimento da câmera e o tipo de órbita para criar o experiência de visualização selecionada.

  • Lugares (PDIs): defina a densidade, o raio de pesquisa e os tipos de pontos interesse (por exemplo, restaurantes, cafés, pontos de referência) que você gostaria de destacar.

Use este app para personalizar a experiência dos seus usuários finais.

Há uma descrição detalhada de todas as personalizações Personalizações do explorador de área em 3D.

App de demonstração

Esse é o aplicativo final voltado ao usuário que carrega a configuração que você criado no aplicativo Admin. Nesse ambiente 3D imersivo, os usuários podem para explorar as áreas selecionadas e descobrir os lugares que você destacou.

Depois de personalizar a aparência usando o aplicativo Admin, você pode fazer o download da configuração e executar seu aplicativo personalizado a partir do código-fonte.

Experiência do usuário

imagem

Alguns dos principais recursos do aplicativo são:

  1. Os usuários podem explorar de forma interativa uma área em 3D, incluindo construções, pontos de referência e terrenos.
  2. Os usuários podem pesquisar e descobrir lugares por perto (por exemplo, museus, parques, restaurantes).
  3. Ao selecionar um lugar, os usuários podem conferir informações ou narrativas detalhadas relacionadas a esse local.

  4. Os desenvolvedores podem personalizar a experiência de exploração nas configurações e controles (se estiver usando o aplicativo Admin).

  5. A rotação automática está ativada, permitindo que a câmera gire automaticamente no centro da área selecionada.

Pré-requisitos

  1. Chave da API Google Maps: você precisará de uma chave de API válida com as seguintes APIs ativado:

  2. Servidor da Web: você pode disponibilizar o aplicativo de:

    • Um servidor da Web local (por exemplo, usando Node.js, http-server)
    • Um serviço de hospedagem na Web estático (o aplicativo vem com um Dockerfile)

Você pode encontrar uma descrição detalhada das opções de implantação no arquivo Leiame do projeto do GitHub.

Implantação

Você pode implantar o aplicativo como um aplicativo de nó ou um contêiner Docker em qualquer de contêineres, como o GKE ou GAE. A demonstração hospedada usa o seguinte arquitetônica:

imagem

  • Nesta arquitetura, o código fica em um projeto do GitHub.
  • O Cloud Build pega o código em qualquer push para o main e aciona um build operação
  • Como parte do build, ele injeta a chave de API e cria uma imagem que é no Artifact Registry.
  • Por fim, ele implanta a última imagem estável do Artifact Registry no Cloud correr.
  • Também temos verificações de integridade e monitoramento em execução dos aplicativos implantados.

Informações de faturamento

A solução 3D Area Explorer usa os serviços da Plataforma Google Maps para fornecer uma uma experiência imersiva e dinâmica. Algumas APIs podem gerar cobranças. Confira uma visão geral das APIs e links para os preços.

Plataforma Google Maps – API 3D Tiles:

A solução Storytelling usa a API 3D Tiles para melhorar o visual experiência com dados geoespaciais. Para detalhes de preços relacionados aos blocos 3D API, consulte a Plataforma Google Maps – API 3D Tiles Preços.

Plataforma Google Maps – API Places:

A API Places é empregada para dados baseados em localização, adicionando informações avançadas aos a experiência de contar histórias. Para entender os custos associados ao serviço API Places,acesse a Plataforma Google Maps - API Places Preços.

Plataforma Google Maps – API Autocomplete:

O recurso de preenchimento automático melhora a interação do usuário. Para mais detalhes sobre preços sobre a API Google Maps Autocomplete, acesse a Plataforma Google Maps: Preenchimento automático do Places Preços.

CesiumJS:

CesiumJS é usado para o globo 3D com a visualização de dados. Embora o próprio CesiumJS tenha código aberto, recursos adicionais ou do Google Cloud podem ter custos próprios associados. Consulte a documentação do CesiumJS Documentação de ofertas premium.

É fundamental revisar os detalhes de preços de cada API, já que os encargos são determinados individualmente com base no uso. A Plataforma Google Maps oferece um nível sem custo financeiro com uma determinada quantidade de uso sem custo financeiro; e os preços as especificidades podem variar com base em fatores como o número de solicitações e o uso na mesma região.

Sempre consulte as páginas de preços oficiais para obter as informações mais precisas e atualizadas informações sobre os custos de uso da Plataforma Google Maps e da CesiumJS. Garantir a conformidade com os termos e condições descritos por esses serviços para gerenciar e a entender todas as despesas associadas de forma eficaz.

Conclusão

Este documento fornece uma visão geral das capacidades do explorador de área em 3D, componentes, experiência do usuário e requisitos técnicos.

Com os blocos fotorrealistas em 3D do Google e a API Places, é possível exploração virtual de bairros, descoberta de pontos de interesse e aprender sobre história local.

Seja para divulgar uma área, melhorar a exploração ou promover o conteúdo digital narrativas, o 3D Area Explorer oferece uma plataforma visualmente deslumbrante.

Teste a demonstração e personalize-a usando o aplicativo Admin para criar um vídeo experiência 3D informativa.