Integre el autocompletado de mapas de Google con material Angular y Angular
1. Antes de comenzar:
Cree un proyecto de Google Cloud Platform con la facturación habilitada.
Habilite la API de lugares desde el menú "API y servicios" de Google Cloud Console. Luego obtenga su clave API.
Sigue estos pasos desde este enlace:
2. Cree un nuevo proyecto Angular:
Primero crea un nuevo proyecto 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
Importemos algunos módulos dentro de app.modules.ts:
4. Agregue este código a app.component.html:
5. probemos la aplicación:
Navegar ahttp://localhost:4200/
6. Última palabra:
Puedes encontrar el código en GitHub:
Suggested posts
Jest: un poderoso marco de prueba de JavaScript
Las pruebas son una parte esencial del desarrollo de software. Garantiza que el código sea confiable, funcione como se espera y reduce la probabilidad de errores.
Actualización de una aplicación empresarial a Angular 16
Aquí viene el dolor
Estoy absolutamente convencido de todas las nuevas funciones de Angular v16, comenzando por las señales y, bueno, todo lo demás. Y simplemente no pude resistir la tentación de actualizar una de las aplicaciones de la compañía solo para ver qué tan difícil podría ser.
Related posts
La persecución de los cristianos: el crimen de odio del que no hablamos
Olvídate de la islamofobia: los cristianos (y los judíos) son las principales víctimas de los delitos de odio religioso.
Cualquier mente racional sabe que los círculos políticos y mediáticos están dominados por la izquierda, incluso por la extrema izquierda, una situación que crea un desequilibrio en el discurso político. En el campo de la religión, este desequilibrio es claramente visible: los periódicos y las redes de izquierda no se apresuran a defender la fe cristiana.
¿Es el arte alguna vez apolítico?
Ayer cerramos la puerta del Festival de la Canción de Eurovisión de este año con una gran final brillante y caótica en la que la cantante sueca Loreen se llevó a casa el trofeo, convirtiéndose en la primera mujer en ganar dos veces y devolviendo la corona a Suecia 50 años después de que ABBA ganara la competencia. con “Waterloo”. Se convirtieron en uno de los actos más grandes en el canon de la música pop.
El asesinato de Jordan Neely y el problema del racismo “patriótico”
¿Puede Estados Unidos dar el paso esencial de no equiparar el comportamiento racista con ser un buen estadounidense?
[Alerta de activación: este ensayo incluye capturas de pantalla de personas que elogiaron al asesino de Jordan Neely.] Los funcionarios encargados de hacer cumplir la ley finalmente, y quizás a regañadientes, acusaron a Daniel Penny, el hombre que estranguló a Jordan Neely hasta que murió, por ese homicidio.
No más contraseñas: cómo las claves de acceso reemplazarán su contraseña
Para evitar ambigüedades se utilizarán los siguientes términos; autenticador; El teléfono móvil que se utiliza para realizar el inicio de sesión en el sitio web; El sitio web o la aplicación que el usuario está utilizando para realizar el servicio de solicitud de inicio de sesión; El proveedor que proporciona el servicio dado, por ejemplo