image

Bing Maps Platform es una plataforma de Microsoft que permite desarrollar aplicaciones utilizando las funciones de Bing Maps. Se puede desarrollar para esta plataforma con AJAX o con Silverlight utilizando sus respectivos SDK’s. Cada uno tiene sus diferentes capacidades, aquí daremos el primer paso con el SDK de Silverlight desarrollando una pequeña aplicación que muestre al mapa del mundo en vista “Aerial” y las etiquetas de cada lugar del mapa.

El primer paso es ir al bingmapsportal y registrar una cuenta para que se te proporcione una credencial con la que puedas acceder al servicio.

Después de obtener la credencial, el paso que sigue es bajar e instalar el “Bing Maps Silverlight Control SDK” el cual puedes bajar desde aquí.

Ya que instalaste el SDK en tu computadora, puedes empezar a desarrollar tu primera aplicación con Bing Maps:

  1. Crea un proyecto de Silverlight en Visual Studio 2008 o superior (para este tutorial estoy suponiendo que ya se cuenta con Visual Studio y Silverlight instalado, en caso de que no cuentes con una version nueva de Visual Studio y seas un estudiante, puedes conseguirlo de manera gratuita y oficialemte gracias a Dreamspark)
  2. Cuando te pregunte, marca la opción de hostear la aplicación en un nuevo sitio Web.image
  3. El siguiente paso es referenciar las librerias que acabas de instalar a tu proyecto, da click derecho en folder de “References” del proyecto de Silverlight y selecciona “Add Reference”  Add Reference
  4. Selecciona la pestaña de Browse y navega al directorio donde instalaste el Silverlight Control SDK (normalmente debe ser algo como C:\Program Files\Bing Maps Silverlight Control\V1\Libraries). Selecciona las librerias y da click en “OK”image
  5. Agrega el control a tu proyecto creando un namespace en la clase principal. Dentro del tag UserControl teclea la siguiente línea:
    xmlns:m="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl";
    
  6. Ahora sólo queda insertar al mapa, dentro de la etiqueta Grid agrega al elemento Map y dale la credencial que obtuviste al crear tu cuenta en Bing Maps:
    <Grid x:Name="LayoutRoot" Background="White">
       <m:Map CredentialsProvider="aqui va la credencial">
    
       </m:Map>
    </Grid>
    

    Si corres el programa en este punto obtendrás algo como lo siguiente:image

  7. Ya cuentas con un mapa completamente funcional pero que inicia por default con la vista Road. Para especificar como quieres que inicie puedes modificar los atributos de Map haciendo algo como lo
    siguiente:

    <Grid x:Name="LayoutRoot" Background="White">
          <m:Map  CredentialsProvider="credencial"
                      Mode="AerialwithLabels"
                      ScaleVisibility="Collapsed"
                     NavigationVisibility="Collapsed">
          </m:Map>
    </Grid>

Mode está especificando cuál será la vista inicial, y las otras dos instrucciones estan escondiendo los controles, de manera que al final se ve así:

Y eso es todo. Empezar a desarrollar con esta plaraforma es muy sencillo y se pueden hacer cosas bastante interesantes.Para conocer con más profundidad lo que se puede hacer con Bing Maps de manera rápida puedes visitar el Silverlight Interactive SDK.