Estoy usando Angular 13 e Ionic 6 para agregar Google Maps API V3 . Aquí hay un ejemplo simple proporcionado por Google para agregar el mapa usando TypeScript.
Cuando uso Ionic, se supone que debo agregar lo siguiente en el archivo index.html :
<script src="https://maps.googleapis.com/maps/api/js?key=ZZZZZ&language=en®ion=ca" async defer> </script>Luego, lo usaré en los componentes apropiados a lo largo de la aplicación. Como puede ver, el idioma y la región se codificaron en el script. No estoy seguro de cómo permitiría que el usuario elija dinámicamente el idioma y la región.
El objetivo es implementar el ejemplo de localización de Google usando Ionic. Los idiomas que me interesa agregar son el inglés y el francés.
Intenté agregar el script en el archivo html del componente, pero no funcionó. Incluso traté de eliminar e insertar dinámicamente un script, pero parecía demasiado complicado. Cualquier ayuda sería apreciada y gracias de antemano!
Puede usar el cargador para agregar Google Maps dinámicamente, como se menciona aquí:
https://developers.google.com/maps/documentation/javascript/overview#js_api_loader_package
const loader = new Loader({ apiKey: "YOUR_API_KEY", version: "weekly", ...additionalOptions, }); loader.load().then(() => { map = new google.maps.Map(document.getElementById("map") as HTMLElement, { center: { lat: -34.397, lng: 150.644 }, zoom: 8, }); });y use la variable para la selección de idioma y región