Empezando con Bing Maps!

Hola, Bienvenidos a nuevo post!

En este post, veremos todo lo necesario para poder usar Bing Maps en tu aplicación de Windows 8: referencias, credencial y capacidad!

Instalando el SDK de Bing Maps

Para poder crear aplicaciones de la Tienda de Windows que tengan mapas de Bing es necesario instalar el SDK de Bing Maps, el cual lo podemos hacer de la siguiente manera desde Visual Studio:

Screenshot (34)

Screenshot (35)

O bien podemos descargarlo desde el siguiente link –>   http://j.mp/14oL9QE

Agregando las referencias

-Para empezar con nuestra aplicación crearemos una aplicación en blanco:

Screenshot (628)

Screenshot (629)

Agregamos las referencias de: Bing Maps, y del Visual C++ Runtime Package (esto último es necesario independientemente del lenguaje elegido para la aplicación):

Screenshot (630)

Al agregar las referencias notaremos que se producen varias alertas, las cuales se originan por las configuraciones del debug/release de la aplicación.

Screenshot (631)

Para solucionarlo nos dirigimos a las propiedades de la solución y cambiaremos la configuración de la plataforma a “x86” (dado que por defecto es “All”)

Screenshot (632)

Obteniendo la credencial para Bing Maps

Para agregar un mapa de Bing, es necesario primero hacer una referencia en el xaml, y luego llamar al control:

Screenshot (633)

Al ejecutar la aplicación veremos que en el mapa aparece un mensaje recordando que no tenemos credenciales para hacer uso de los mapas de Bing:

Screenshot (634)

Para obtener las credenciales que necesitamos nos dirigimos a BingMapsPortal.com, y nos logeamos con nuestra cuenta Microsoft y nos registramos en dicho portal:

Screenshot (636)

Creamos una nueva credencial con “Create or view keys”:

Screenshot (638)

Allí completamos un pequeño formulario con algunos detalles de la aplicación: (nombre, url, tipo de credencial)

*En tipo de credencial es recomendable asignarle ‘basic’ o un valor superior, pero de ninguna forma ‘trial’.

Screenshot (639)

Al completar el formulario veremos que se genera la credencial:

Screenshot (641)

Y nuestro siguiente paso es agregar la credencial obtenida al código de la siguiente manera:

Screenshot (642)

Screenshot (643)

Agregando capacidad

Para agregar la capacidad de localización a nuestra app nos dirigimos al Package.appmanifiest y lo agregamos de la siguiente manera:

Screenshot (644)

Lo que recien agregamos automaticamente agregará en el charm los permisos de localización y nos permitirá simular la ubicación.

Screenshot (645)

Con los pasos que hemos realizados obtuvimos una aplicación totalmente funcional. Si logran probar la aplicación notarán que con muy pocos pasos tenemos una aplicación con mapa, zoom, vistas, localización, permisos, etc.

Espero que el tutorial, les sirva

Un abrazo!

J. Rodrigo Puca

{MSP Lead Latam|Entrenador E5E|MSP de Argentina}

Anuncios

2 comentarios

Archivado bajo Windows 8

2 Respuestas a “Empezando con Bing Maps!

  1. Adrian R.

    Excelente tutorial, felicidades y gracias, solo una cosa no he podido sacar el emulador de la tablet como se muestra en la ultima imagen, le doy en depurar y me lanza la aplicación a pantalla completa, no en el emulador como muestra la imagen, estaria sumamente agradecido si me indicas como sacarlo.

    Gracias

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s