Integre o preenchimento automático de mapas do Google com material Angular e Angular

1. Antes de começar:

Crie um projeto do Google Cloud Platform com o faturamento ativado.

Ative a API Places no menu "APIs e serviços" do Google Cloud Console. Em seguida, obtenha sua chave de API.

Siga estes passos neste link:

2. Crie um novo projeto Angular:

Primeiro cria um novo projeto angular:

ng new google-maps-autocomplete

npm i @agm/core
npm i -D @types/googlemaps
ng add @angular/material
ng add @angular-material-extensions/google-maps-autocomplete
npm i @angular/flex-layout

Vamos importar alguns módulos dentro do app.modules.ts :

4. Adicione este código a app.component.html :

5. vamos testar o aplicativo:

Navegar parahttp://localhost:4200/

6. Última palavra:

Você pode encontrar o código no GitHub:

Suggested posts

Jest — Uma poderosa estrutura de teste de JavaScript

Jest — Uma poderosa estrutura de teste de JavaScript

O teste é uma parte essencial do desenvolvimento de software. Ele garante que o código seja confiável, funcione conforme o esperado e reduza a probabilidade de erros.

Atualizando um aplicativo corporativo para Angular 16

E ai vem a dor

Atualizando um aplicativo corporativo para Angular 16

Estou absolutamente convencido de todos os novos recursos do Angular v16, começando pelos sinais e, bem, todo o resto. E eu simplesmente não resisti ao impulso de atualizar um dos aplicativos da empresa só para ver o quão difícil poderia ser.

Related posts

Dois anos em design - O bom, o mau e o feio…

Dois anos em design - O bom, o mau e o feio…

“Ei, Siri, toque Me Dive, de Olivia Dean.” Era maio de 2021 quando comecei meu estágio na Future Academy Africa em Akure, Nigéria.

Rastreie qualquer pessoa com apenas um número de telefone | Investigação OSINT

Rastreie qualquer pessoa com apenas um número de telefone | Investigação OSINT

Você pode ser um investigador OSINT, jogador CTF ou simplesmente alguém que está recebendo chamadas de spam. Alguém que está tentando verificar o número que você viu em um anúncio.

Repensando a mídia: as cinco verdades de McChesney e o futuro das comunicações

No mundo hiperconectado de hoje, os sistemas de mídia desempenham um papel fundamental na formação da opinião pública e, consequentemente, na tomada de decisões democráticas. Em sua análise profunda da economia política da comunicação, o estudioso Robert McChesney desafia a sabedoria convencional e apresenta o que chama de “cinco verdades” sobre a mídia.

A lenta erosão: revelando como as pessoas desperdiçam em suas carreiras

A lenta erosão: revelando como as pessoas desperdiçam em suas carreiras

No mundo acelerado e competitivo de hoje, a carreira desempenha um papel significativo no crescimento pessoal, na estabilidade financeira e na satisfação geral com a vida. No entanto, muitos indivíduos encontram-se presos em um ciclo implacável de estagnação e insatisfação, definhando gradualmente em suas vidas profissionais.