Para crear un mapa en Flores es relativamente sencillo.
Una vez ya tenemos instalado el paquete de mapa pero hay que hacer una configuración poner aquí.
Bueno ese puede ser un trabajo un poco tedioso así que vamos a darle de una vez.
Ya tenemos la página creada es nuestro mapa Peach sin ese y tendríamos la pantalla déjenme regresar
acá.
Asegúrese de que esto sea un lo válido que ustedes no hayan buscado y sea un juego que realmente funciona.
Ok entonces vamos a cambiar este body.
Vamos a borrar este chat y vamos a crearnos un método llamado crear Flore Map parentesis y vamos a mandar
el escaneo.
Ok el scan que estamos recibiendo acá porque aquí viene el geo location y toda la cuestión vamos a implementar
ese método entonces es un widget ya regresó muy bien llamado crear flores Map parentesis.
Recibimos el scan Model y lo vamos a poner el mismo nombre scan.
Recuerden que como es un Willet Tenemos que retornar y vamos a retornar.
Pero los que viven bien son de flores Mapp para tener más información del paquete.
Podemos irnos aquí al ritmo de flores Map vamos un poco vemos un poco aquí tenemos el programa recibe
unas opciones en las cual tiene el Center que es la posición central o inicial un doble que es el sum
que tan cerca ustedes lo quieren y vienen unos leyeras los leyes son capas.
Básicamente es como un AIPE donde el primer naipe sería ya el mapa como tal y luego podrían venir marcadores
y venir otras cosas encima pero nosotros vamos a empezar a crear el mapa noten que aquí viene a piteros
mapuches puntocom a las cuatro de hecho estoy usando MacBooks de Google Maps creo pero bueno viene la
versión 4 el Heydi y toda esta cosa si ustedes quieren saber de dónde viene esta información aprovechando
que aparece MacBooks puede ser que cuando ustedes lo vean ahora sea Google Maps u otra plataforma.
Entonces podríamos irnos aquí a MacBooks tocamos aquí las opciones de su perfil Documentation Navigation
déjeme buscar aquí está en Serch geo location PIAI y mucha de la información la vamos a trabajar en
base a esta documentación.
Ya no van a ver vamos a ver por aquí estaba lo de la arroba 12X que significa que sea bueno con el doble
de resolución.
Aquí tenemos varios empeines.
Vamos a buscar dos arroba X o como que estaba acá BGM pero donde un segundo 2 no arroba arrobados X
punto PNG déjeme copiar esto para buscarlo en la documentación de MacBooks Enter.
Y qué raro qué raro que no me aparece acá pero por algún lado está ya vamos a llegar a él no se preocupe
entonces tenemos toda esta documentación hay que mandar el toque.
Y vamos a implementarlo de una vez abramos el visor estudio y dejemos también el simulador al lado para
tenerlo ahí.
Empecemos.
Flores Mapp pero con la M mayúscula Mapp y ven que no aparece nada.
Entonces hay que importar ese paquete.
Como que ahorita ya no me está haciendo la importación automática de entrada hasta que no terminé la
línea de código.
No no lo está reconociendo entonces vamos a hacer la importación manual ni modo no nos salvamos porque
vamos a hacer manual copiar esta línea código copio regresemos al piso del estudio Cott subamos lo voy
a colocar justo abajo del paquete de material.
Aquí el error debería desaparecer.
Excelente el programa recibe varias cosas dejamos el mouse encima me dice que el parámetro opciones
es obligatorio.
Entonces empecemos con las opciones Options TAP.
Estas opciones tienen que ser de tipo Map options Map options entonces sería Map options tap Enter.
Si miramos las opciones hay muchas cosas como cuál es el máximo cuál es el mínimo que pasa cuando se
aceptan plugins o un montón de cosas pero la que me interesa es el center es decir la ubicación central
de este mapa.
Si dejamos el cursor encima me dice que es un objeto llamado latitud y longitud es decir latitud y LNG
o sea dejarlo encima sólo para estar seguro que lo estoy escribiendo bien y vendrían las coordenadas
de latitud y longitud no lo encuentra y eso es porque viene del paquete punto Start.
En este caso yo tendría que generar latitud y longitud y mandar aquí las coordenadas de latitud como
la longitud.
Pero si nosotros recortamos esa información la tenemos en el scan.
Lamentablemente no es que podamos hacer esto directamente valor porque latitud y longitud está esperando.
Vamos a ver déjeme importar el paquete ya lo voy a borrar la latitud y longitud de esta esperando valores
dogos o sea no tiene algo como From Street o de algún Extrem sería súper genial que tuviera eso pero
no existe.
Entonces tengo que hacer algún tipo de conversión para que de mi Ascan yo pueda retornar latitud y longitud
pero podríamos hacer esa magia de una vez si nos vamos a nuestro modelo vamos a abrir nuestro modelo
que hace rato que no lo tocamos nuestro Scan Model perfectamente.
Yo puedo implementar un método que me ayude a retornar la latitud la longitud exactamente igual como
la necesita mi mapa de este lado o sea que me regrese algo como ESCAC punto coordenadas por ejemplo
latitud y longitud algo así y que ya haga todo el trabajo pero realmente lo que necesito crear o retornar
es ese objeto de latitud de longitud.
Entonces vamos a hacerlo aquí de una vez.
Hay que hacer cierta carpintería.
Pero bueno vamos a comenzar.
Latitud LNG.
Así se va a llamar.
No necesita ningún argumento porque yo todo lo tengo en el valor pero necesito procesarlo un poco.
Voy a crearme una variable llamada latitud longitud se va a llamar Lalo algún algún ahí.
Saludos y voy a tomar el valor punto y voy a hacer el swap string de cuatro o sea porque nosotros tenemos
esto no lo hagan solo déjenme un chance sino para mostrarles.
Vamos a suponer que estamos recibiendo esto y le voy a pegar acá solo para que lo tengamos a la mano
y visual ok.
Cuando yo hago este super string desde DS4 estoy diciendo que ignore esos cuatro caracteres iniciales
y empiece a cortar o que me regrese todo lo que sigue ahí.
Eso es lo que va a tener Lalo en este momento pero si ahora yo lo paso por un split tap y lo corte por
una coma voy a poner un punto y coma si yo dejo el cursor encima del Expolit esto va a transformar lo
que es el string y lo voy a cortar o lo va a transformar en una lista donde encuentre este L.
En pocas palabras voy a tener en la primera posición de la lista este valor de la latitud y en la segunda
voy a tener la longitud pero siempre lo voy a tener como el strings entonces necesito pasarlos a los
desdobló entonces Finan final latitud va a ser igual a el doble punto Pals de ese Lalo en la posición
cero eso sería la latitud la longitud sería LNG LNG de la primera posición recuerdan que esto solo debería
de ejecutarse cuando estamos trabajando con un geo location.
Ahora voy a ser un ratón un ratón de latitud LNG paréntesis de latitud L.M.
Ok no me estoy encontrando la latitud de una longitud porque esto es un paquete entonces contra el punto
como un punto y lo vamos a importar de un punto Tartt Enter.
Si subo aquí tenemos la importación de este paquete.
Puedo ser bien específico y decir que esta función o este método de Guez latitud y longitud va a regresar
un objeto de tipo latitud y longitud perfecto.
Grabo los cambios en el modelo cierro y ahora puedo decir perfectamente que el punto de latitud y longitud
y lo acepta perfectamente porque ese es el mismo tipo de dato que está esperando.
Si yo grabo los cambios vamos a ver si tenemos suerte y aparece el mapa.
Pues lamentablemente reventó la aplicación y tiene mucho sentido si nos ponemos a pensar.
Yo no le he dicho cómo se construye el mapa pero no se preocupen porque de hecho yo no les estoy diciendo
que tiene que ser de MacBooks que tiene que ser de Google Maps.
No estoy diciendo nada de eso.
Así que contenemos un poco de especificar el zoom de unos.
Empecemos con un zoom de 10 y justo abajo de las opciones voy a crear mis layers.
Las leyes son las capas de información que ustedes quieren poner.
En nuestro caso el primer Leger sería el mapa el segundo le seguirían los marcadores.
Entonces a quién le vamos a crear un nuevo método llamado crear mapas.
Esto es lo que hace falta.
Cómo se crean mapas no existe.
Vamos a especificar este método.
Aquí abajo siempre es un widget pero déjeme revisarlo.
Es un widget son leyes Opium perdón.
Entonces vamos a crear ese mapa parentesis.
Este mapa no va a recibir ningún argumento porque ya tenemos esa información ahí enter y si tendríamos
que regresar el Return el Leader options.
Ese es el tipo de dato que está esperando mi parentesis Punto y Coma enter el trailer options tal vez
ustedes lo sientan como que es muy complicado y eso es una carpintería bárbara y que voy a aprender
esto.
Bien sencillo yo les estoy enseñando.
Alguien me lo enseñó a mí.
Lo estoy enseñando a ustedes y de esta manera ustedes simplemente lo van a tener que copiar y pegar
cuando lo necesiten.
Esa es la manera de utilizar los mapas.
Vamos a ocupar un R.L del templete que este es básicamente de donde voy a obtener yo la información
del mapa o sea qué servidor es el que me va a proveer a mí la información del mapa.
En este caso sería un https suscribían correctamente igual ponga mucha atención de Happy punto Matchbox
punto com las cuatro son cuatro islas.
De hecho creo que aquí es la misma que nos daba en la documentación si no estoy mal saber https: apuntarlos.
Esto no es la misma.
Entonces no hagas caso de la documentación Analog como estoy yo https: api punto MacBooks punto com
es las B4 es las enter y vamos a concatenar.
Otro pedazo de string.
Acuérdese que esto es como que yo estuviera aquí un mas y concatenar a todo este string que nada más
Déjenme hacerlo es como si yo tuviera eso pero darles lo mismo aquí adentro escribíamos lo siguiente.
Ojo y mucho cuidado yo les voy a dejar este archivo en el material adjunto por si acaso ustedes en algún
problema copiando esto para que simplemente lean control se controle bien el Heydi es lags viene otro
argumento que es su slats viene otro argumento que es la coordenada x es Langevin.
Otro argumento que es la coordenada G es las y también quiero que los mapas tengan una alta resolución.
Entonces sería arroba 2 x punto PNG que el PNG sea el formato signo de interrogación y voy a mandar
el argumento del acces de un bajo token igual a un Acces token cierra llaves.
Miren bien como yo lo escribí y es ustedes los que tienen que copiar el Heydi el Shum el X yé que sería
la longitud.
Básicamente que quieren que sea de doble resolución y mandamos el token.
Adicionalmente nosotros vamos a tener que mandar aparte de R.L el temple vamos a tener que mandar esos
argumentos a Dilla options que eso es un mapa orillero.
Aquí me falta una coma.
En las Audition options nosotros tenemos que mandar ese Acces token y ahí lo demás lo estamos ganando
de forma automática.
Aquí entonces en el adicional options vamos a colocar el acces token igual como está.
Este acceso Token es como lo está pidiendo el API de Mac Box dos puntos y aquí adentro vamos a colocar
nuestro token nos vamos a regresar aquí a la documentación de MacBooks tenemos que nuestro token account
que recuerden usar el suyo no el mío voy a copiar todo el API aquí voy a regresar al proyecto no pego
y todo ese código toda la Piqui al final ponga una coma enter porque ocupamos especifica otro Aydin
Aydin dos puntos vamos a dejarlo así y pongan Mac Box punto es threats todo esto yo lo saqué de la documentación
de MacBooks esto fue un trabajo de investigación que hice para dárselos a ustedes masticada yo les voy
a enseñar otros tipos de mapas.
Este es el genérico ya vamos a ver los demás.
Creo que esto sería todo.
Voy a grabar los cambios y deberíamos de ser capaces de aunque sea ver un mapa.
Recuerden que las coordenadas apuntaban a Nueva York y a eso es lo que tenemos lo vamos a dejar así
y continuamos con el siguiente video.
Por lo menos estamos viendo el mapa.
Ok nos veo en el próximo video.