Exemplo de Bing Maps através do Silverlight Interactive SDK

Bom dia, nessa minha segunda postagem, eu lhes mostrarei um exemplo de como usar o Bing Maps através do Silverlight Interactive SDK no Microsoft Expression Blend 3.

Primeiro é necessário baixar o Microsoft Silverlight, o Microsoft Expression Blend 3 e o Bing Maps Silverlight Control SDK.

O Silverlight é a tecnologia da Microsoft para competir com o Adobe Flash. Com esta é possível visualizar animações, vídeos e aplicativos de interfaces ricas (RIA - Rich Interface Application). O Microsoft Expression Blend 3 é uma ferramenta de design de interface de usuário para criar interfaces gráficas para aplicações web e desktop que mistura características desses dois tipos de aplicações através da forma interativa WYSIWYG front-end para desenhar interfaces baseadas em XAML para aplicações com Silverlight e WPF - Windows Presentation Fundation. E o Bing Maps Silverlight Control SDK, como o nome já diz, é um pacote que contém os controles/componentes Silverlight do Bing Maps para ser integrado no Microsoft Expression Blend 3.

Depois de instalar os 3 aplicativos, execute o Microsoft Expression Blend 3 e vá em File > New Project.



Depois adicione as bibliotecas do Bing Maps Silverlight Control SDK que estão no diretório (padrão): "C:\Program Files\Bing Maps Silverlight Control\V1\Libraries"




Os controles/componentes do Bing Maps são organizados na aba Assets, no menu Locations.Microsoft.Maps.MapControl.dll.



No exemplo foi adicionado o controle/componente Map que permite a visualização de mapa.



Ao rodar o projeto com F5, a página da web é aberta com o mapa adicionado, porém uma mensagem é exibida informando que é necessário o cadastro para uma conta de desenvolvedor por Credenciais Inválidas, ou seja, é necessário criar uma conta no site Bing Maps Account Center e obter uma chave válida.



Depois de obter uma chave válida, é preciso vinculá-la ao mapa. Para isso, clique no objeto Map criado, vá na aba Properties, menu Miscellaneous, propriedade CredentialsProvider.



Clique com o botão esquerdo do mouse no quadrado do lado direito da propriedade e entre no menu "Convert to New Resource..."



Uma janela será aberta, então selecione a opção "This document", selecione o objeto Map que fora antes adicionado ao projeto e clique em OK para criar o "ApplicationIdCredentialsProvider" nomeado "CredentialsProvider1".



Feito isso, alterne a visibilidade para Split (menu View > Active Document View > Split View) e cole a chave válida adquirida no site do Bing Maps na propriedade "ApplicationId" do objeto "CredentialsProvider1" criado.



Agora com a chave válida vinculada ao projeto, é possível utilizar o Bing Maps sem problemas.