Xamarin Essentials

Aprendiendo a usar Maps con Xamarin Essentials

Los mapas son muy útiles en nuestras aplicaciones. 💚 El hecho de poder identificar una ubicación a través de un Mapa hace que nuestros usuarios tengan una mejor experiencia. Imaginemos los siguientes dos escenarios:

📱App A: El usuario tiene una lista de restaurantes y quiere elegir su favorito, cada artículo indica su dirección en un Label, pero los items no tienen la opción de abrir el Mapa. ¿Qué pasa si no sabemos cómo llegar a esta ubicación? Indirectamente estaremos provocando que el usuario salga de nuestra App para buscar la dirección en el Mapa.

📱App B: Aqui el usuario tiene la misma lista de restaurantes pero al hacer clic en cada elemento tiene la opción de abrir directamente la dirección en el Mapa.

¿Cuál elegirías? Si elegimos la App B, haremos que nuestros usuarios tengan una mejor experiencia y también les ahorraremos tiempo para alcanzar su objetivo final de saber dónde encontrar su restaurante favorito.

¡En este post, aprenderemos a usarlos de una manera sencilla gracias a Xamarin Essentials! 💚💕


¡Empecemos!

Hablemos de la clase Map

La clase de mapa proporcionada por Xamarin Essentials nos permite abrir la aplicación de mapa instalada en nuestro dispositivo con una ubicación o un PlaceMark específico.

Para poder abrir una ubicación en el mapa necesitamos indicar sus coordenadas, las cuales están compuestas por latitud y longitud. En este post enviaremos coordenadas fijas para la explicación de nuestro ejemplo pero tenemos diferentes formas de obtener una ubicación deseada, puedes elegir una de las siguientes según tus necesidades:

📍 Usando la clase Geocoding, proporciona un API para codificar geográficamente un placemark en coordenadas de posición y codificar coordenadas geográficas inversas en una marca de posición.

📍Usando la clase de geolocalización puedes recuperar las coordenadas de geolocalización actuales del dispositivo.


Lanzamiento de mapas

Para lanzar un mapa debes agregar la clase Map, seguida del método OpenAsync. Veamos cuales son los parametros:

🔹Ubicación: Esta es la información de latitud, longitud, altitud y hora que informa el dispositivo.

🔹Placemark: Descripción fácil de usar de una coordenada geográfica. Contiene información como el nombre del lugar, dirección entre otros.

🔹Latitud y Longitud: Son los datos de los que se compone una coordenada. Ejemplo: Las coordenadas de Disney World son: Latitud: 28.3772 y Longitud: 81.5707.

🔹MapLaunchOptions: Opciones de inicio para abrir un mapa. Dentro de estas opciones se encuentra el nombre y tipo de navegación del mapa (Veremos este tema más detallado más adelante).

Y ahora, veamos cómo hacerlo en código.

Abriendo un Placemark

Para abrir un Placemark, necesitamos los siguientes datos:

La imagen tiene un atributo ALT vacío; su nombre de archivo es Screen-Shot-2021-05-22-at-11.13.20-PM-1024x280.png

Y ahora, veamos cómo hacerlo en código.


Modos de navegación en los mapas

También podemos calcular una ruta de navegación a partir de la posición actual, para lograrlo tenemos el NavigatacionMode.

El NavigationMode nos ayuda a reflejar este cálculo de distancias en nuestro mapa, haciendo que la ubicación sea mucho más legible, incluso podemos configurar el tipo de mapa que queramos como Driving (Conduciendo), Walking (Caminando) en Bicycling (Bicicleta) entre otros.

Para hacerlo, solo debes incluir este parámetro en las MapLaunchOptions como muestro a continuación:

Veamos algunos tipos de mapas

La imagen tiene un atributo ALT vacío; su nombre de archivo es Screen-Shot-2021-06-02-at-9.06.34-PM-1024x707.png

Diferencias entre plataformas

Existen diferentes tipos de navegación en los mapas, pero cada uno de ellos puede ser compatible o no según la plataforma.

La imagen tiene un atributo ALT vacío; su nombre de archivo es if_android_313085.png

En Android, el NavigationMode admite tres tipos de mapas, que son los siguientes: Bicycling (Bicicleta), Driving (Conduciendo), Walking (Caminando).

⚠ Es importante saber que Android usa el esquema geo: Uri para iniciar la App de mapas en el dispositivo. Esto es compatible con Google Maps, de lo contrario podría pedirle al usuario que seleccione una aplicación existente que admita este esquema de Uri.

🚧 Tanto IOS como UWP admiten la Driving (Conduciendo), Transit (Transito), and Walking (Caminando).


¡Espero que este post te haya sido de gran utilidad! ¡Hasta la próxima!🙋‍♀️

Gracias por leer mi artículo !! 💚💕

Artículo en inglés: https://askxammy.com/simple-way-to-use-maps-with-xamarin-essentials/

Referencias: https://docs.microsoft.com/en-us/xamarin/essentials/maps?content=xamarin%2Fxamarin-forms&tabs=android?WT.mc_id=DT-MVP-5003353

Tagged , ,

1 thought on “Aprendiendo a usar Maps con Xamarin Essentials

Leave a Reply

Your email address will not be published. Required fields are marked *