0:18
Eh, voy a mostrar cómo podemos crear un proyecto, eh,
nuevo, en este caso, este, donde vamos a jalar el widget del mapa
y poder mostrar una imagen de, del mapa,
y además algunos trucos para hacerlo interactivo, para que el usuario pudiera
utilizar su Apple Watch para ubicarse con respecto a algunos pines que pudieran ser,
por ejemplo, sitios arqueológicos o sitios de interés.
Ahí vamos a hacerlo en Xcode.
Muy bien, pasemos ahora a lo que sería el ejercicio de poner los mapas en el,
en el Apple Watch.
Entonces, voy a crear un nuevo proyecto y voy a utilizar la aplicación,
que es para el WatchKit App, y le voy a poner mapas proyecto.
1:17
Y, eh, lo grabo y ahora voy a estar utilizando
lo que es el lienzo del reloj, no el lienzo del iPhone.
Voy a tener un mapa y, eh, y además voy a tener un slider
que me va a permitir darle una interactividad a ese mapa.
Pero necesito, pues, los outlets necesarios para que esto se
pueda comportar o hacer la programación.
Toco el mapa, voy a jalar y necesito un outlet que se llame mapa y,
por otro lado, para este, necesito una aplicación, un, un,
una acción que se llame hacer zoom.
2:37
Bueno, lo primero que necesito es un punto donde, a partir del cual yo pueda utilizar
para, ya sea para centrar mi mapa, o ya sea para por ejemplo poner una anotación.
Entonces, necesito una instancia DSLLocationCoordinate 2D
y sobre este, pues necesito lo que es, eh,
la latitud y la longitud de un punto que me sea interesante en el mundo.
Para eso, yo ya calculé previamente lo que son las coordenadas
de el Tec de Monterrey, en el Campus de la Ciudad de México, y ustedes pueden
seleccionar, eh, pues unas coordenadas pues, de, de algún punto interesante.
Para que no se vea todo el mapa del continente o del país,
pues necesito definir lo que es una región y, eh,
eso lo voy a hacer a través de esta variable,
3:37
que, de hecho, la voy a hacer constante, y esta clase,
que se llama MKCoordinateRegion, sobre la cual le voy a decir que está centrado en
este punto, y además que tiene una amplitud de 0.05 grados.
1 grado me representa, más o menos, eh,
un 111 kilómetros más o menos, entonces tengo que poner números urgentemente
pequeños para que el mapa sea, eh, digamos útil para una persona digamos ya,
eh, que lo está utilizando y que quiere ver solo una región muy pequeña.
Sobre el mapa, para que solamente muestre esta región, es tan fácil como ponerle
el método de Set Region, que me va a permitir pues nada más decirle que
me muestre esta región, que no me muestre todo el mapa de todos los continentes.
Y, por otro lado, si yo quiero agregar una anotación o una bandera,
pues solamente tengo que, eh, invocar el método de agregar anotación,
sobre la cual necesito ponerle en dónde quiero poner esa localización,
esa ese, esa bandera.
Recuerden que solamente se pueden poner, más o menos,
hasta 5 más o menos por el tamaño, de lo que es el dispositivo.
En este caso le voy a poner, pues lo que es el Tec y me pide ahora un color,
y ese color va a ser, en este caso puedo escoger entre el verde, eh,
el rojo o el morado.
Entonces, voy a seleccionar el morado, y aquí ya lo tengo.
Esto yo ya lo puedo ejecutar, este, en, en lo que es mi,
mi, eh, mi simulador, eh, lo voy a seleccionar aquí,
y voy a anotar, eh, este, debido a los cambios que ha habido en Xcode,
y documentado en los foros, pues hay un problema al momento de que este código
se ejecuta, ya que no aparece lo que es la foto del mapa,
solamente aparece, en este caso, la anotación o la bandera.
Pero en un momento más cuando muestre que esto, eh,
en la ejecución en dispositivo real, sí funciona correctamente,
pues van a darse cuenta pues que sí, sí se puede realizar.
Como había comentado, si yo hago clic por ejemplo, sobre el pin,
o sobre el área de lo que es el mapa, pues ahí lanza lo que es el aplicativo
o la aplicación, de la utilización del mapa en el Apple Watch.
6:07
Muy bien, ahora he bajado nuestro, nuestra aplicación,
que la hemos desarrollado, al dispositivo, y lo que vamos a tener ahora, pues bueno,
sigue siendo el pin que nos marca dónde está el Tecnológico de Monterrey,
pero ahora, cada vez que yo toco, eh, sobre el slider, pues mando,
puedo mandar, un nuevo valor que, este,
precisamente, hace una nueva región, y se muestra una nueva foto,
y esto me da la apariencia como si estuviera haciendo un acercamiento, o sea,
un zoom in, y entonces, aquí, vuelvo a tocar, y eso me va dando
un valor mayor en el número de grados que yo hago en la latitud y en la longitud,
y, pues, pareciera como si estoy haciendo un alejamiento de mi mapa.
Si, por el caso contrario, si yo empiezo a decrementar, eh, lo que es el valor
del slider, pues entonces parece ser que estoy haciendo, eh, un acercamiento.
7:07
Y, entonces, de esta manera, yo puedo jugar para dar la apariencia
de que estoy haciendo acercamientos o alejamientos sobre el mapa,
cuando en realidad lo que estoy haciendo es, eh, que este control,
que es el slider, está asociado a una función
que crea nuevas regiones para el mapa que yo presento.
Entonces, el mapa realmente tiene una funcionalidad reducida,
porque solamente presenta imágenes estáticas, sin interacción, y,
donde puedo poner anotaciones o banderas, pero gracias a este truco de programación,
pues vamos a poder tener un slider con capacidad de
poder crear nuevas regiones que nos dan esa apariencia de interacción en el mapa,
de alejamiento y de acercamiento.
Dr. David Alejandro Escárcega CentenoProfesor Titular
Dr. Víctor Manuel de la Cueva HernándezProfesor Titular
Dr. Rafael Lozano EspinosaProfesor Titular
Dr. José Martín Molina EspinosaProfesor Titular
