Nesse post vamos ver com utilizar essa nova ferramenta da Microsoft para desenvolvimento  de aplicações Web de forma ágil o Microsoft WebMatrix e a API de desenvolvimento de Mapas do Bing Maps, para tornar nossas aplicações mais ricas usando o WebMatrix.

1º Passo - Vá em Iniciar / Todos os Programas / Microsoft WebMatrix

2º Passo – Clique em Site From Template.


3º Passo – Escolha a opção Empty Site e na caixa Site Name Mapas e clique em Ok


4º Passo – Escolha a Aba Files


5º Passo – Clique em Create a new file


6º Passo – Escolha CSHTML na caixa Name escreva Mapa.cshtml


7º Passo – Digite essas linhas de código:

 

<h5>Mapa do Rio de Janeiroh5>

<div id='myMap' style="position:relative; width:800px; height:600px;">div>
<br />

 

Nessas linhas criamos, nosso mapa usando a versão do Bing Maps 6.2, marcamos para ele iniciar no Rio de Janeiro, colocando as latitudes e longitudes, -22, -43, respectivamente, e o estilo marcamos Road, e deixamos o tamanho de 800, 600.


Seu código vai ficar assim.

 


8º Passo – Clique em Run.

Se tudo der certo você deve conseguir visualizar o mapa do Rio de Janeiro, qualquer dúvida entre em contato é até a próxima!!!!