Empezando con Bing Maps!

Estándar

Hola, Bienvenidos a nuevo post!

En este post, veremos todo lo necesario para poder usar Bing Maps: referencias, credencial y capacidad!

Agregando las referencias

-Para empezar crearemos una aplicación en blanco:

Screenshot (628)

Screenshot (629)

– Agregamos las referencias de: Bing Maps, y del Visual C++ Runtime Package

Screenshot (630)

– Al agregar las referencias notaremos que se producen varias alertas

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:

Screenshot (636)

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

Screenshot (638)

Screenshot (639)

Screenshot (641)

Al obtener la credencial lo agregamos al código:

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)

Taller de Windows Phone!

Estándar

Bienvenido!!

Hoy desarrollaremos una gran aplicación!

Screenshot (571)

A principios de este año con la ayuda del equipo de DPE de Microsoft Argentina realice este template que te permitiría iniciarte en el mundo de Windows Phone y además desarrollar una gran aplicación con muy pocos pasos!

Así que para empezar te pediré descargar un archivo .zip desde:

http://db.tt/HMcmJskv

//Por favor descomprimí el zip. Y a todos los dll de la carpeta /bin desbloquealos.

Para modificar el template y construir tu aplicación debes seguir los siguientes pasos:

1. Abrir la solución en WPLugares\WPLugares.sln en el Visual Studio (o VS Express para Windows Phone) [00:01]

1

2. Cambiar los datos de los lugares (lugares.xml), asegurándose que mantengan cada uno un id distinto. [00:30]
<id>1</id>
<nombre>Estadio José Minella</nombre>
<longitud>-57.580698</longitud>
<latitud>-38.016976</latitud>
<imagen1>http://www.footballzz.com/img/estadios/300/8300_ori_estadio_jose_maria_minella.jpg</imagen1>
<imagen2>http://www.footballzz.com/img/estadios/303/8303_ori_estadio_jose_maria_minella.jpg</imagen2>
<descripcion>Sede Copa Centenario Liga Marplatense</descripcion>
<url>http://www.AquiVaUnBuenSitioWeb.com.ar</url>
Recomendación: Para buscar la posición de los lugares ayudarse con el portal de Bing Maps o usar Location en las Additional Tools del emulador
2

3

3. En Properties, cambiar el Title en Deployment options y Tile options [00:02]

4

4. Cambiar Title, Description, Product en Assembly Information [00:02]

5
5. Cambiar encabezados en Panorama.xaml [00:02]
<controls:Panorama Title=”Sedes de Fútbol“>
<controls:PanoramaItem Header=”Mapa“>
<controls:PanoramaItem Header=”Lista“>
6. Cambiar imágenes (pisar los archivos existentes con imágenes de la misma extensión y dimensiones) [00:15]

a. ApplicationIcon.png (62×62)
b. Background.png (173×173)
c. PanoramaBackground.png (1000×800)
d. SplashScreenImage.jpg (480×800)
e. StoreIcon.png (300×300)

6

7. Modificar las credenciales de Bing Maps
a. Registrarse en el sitio http://www.bingmapsportal.com/

7
Una vez creada la cuenta, dirigirse a “Create or view keys” y una vez allí completar el formulario.

8

Luego de haber completado el formulario, se obtendrá la clave:

9
Por último modificar la clave en ResourceDictionary.xaml

<Microsoft_Phone_Controls_Maps:ApplicationIdCredentialsProvider x:Key=”CredentialsProvider” ApplicationId=”App_ID“/>

Si has llegado a este punto, has completado el taller! Felicitaciones!