Bing Maps di Silverlight 5

Pada postingan sebelumnya, Bing Maps untuk Silverlight juga tersedia. Sebelum memulai membuat project aplikasi web Bing Maps di Silverlight 5 terlebih dahulu kita siapkan Visual Studio 2010 yang telah di update ke SP1 dan Silverlight 5 Tools untuk Visual Studio 2010. Setelah itu Anda bisa juga melengkapinya dengan Silverlight 5 Toolkit. Setelah Visual Studio 2010 terinstall, install update SP1 untuk Visual Studio 2010, kemudian install Silverlight 5 Tools dan bila perlu sekalian install Silverlight 5 Toolkit untuk pengembangan lebih lanjut.

Semua list downloadnya bisa Anda lihat di http://www.silverlight.net/downloads dan baca juga step-stepnya di http://www.silverlight.net/.  Dari silverlight.codeplex.com, pada Silverlight 5 Toolkit terdapat beberapa komponen-komponen tambahan yang bisa Anda coba.

Sebelum Anda membuat aplikasi menggunakan Bing Maps Silverlight Control SDK, Anda harus mendaftarkannya untuk mendapatkan Bing Maps Key  yang harus disertakan di kode program Anda. Buatlah akun di http://www.bingmapsportal.com/ dan daftarkan aplikasi Anda untuk mendapatkan Bing Maps Key.

Setelah siap semua, kita bisa memulai membuat project silverlight.

Membuat Aplikasi Silverlight

Selanjutnya, tambahkan reference Bing Maps Silverlight Control. Pada Solution Explorer klik kanan folder References lalu klik Add Reference dan klik tab Browse, kemudian temukan file Microsoft.Maps.MapControl.dll di folder C:\Program Files\Bing Maps Silverlight Control\V1\Libraries. Sekarang Anda sudah bisa menambahkan kdoe reference pada code XAML di bawah ini:


      xmlns:bm="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"

Kode lengkap aplikasi yang sangat sederhana ini bisa Anda lihat di bawah ini dan jangan lupa sertakan Bing Maps Key yang Anda dapatkan.

<UserControl x:Class="SLApp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:bm="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <bm:Map CredentialsProvider="Bing Maps Key" />
    </Grid>
</UserControl>

Hasilnya begitu kita Run (otomatis di-embed di halaman ASP.NET, SLAppTestPage.aspx) akan seperti ini:

Bing Maps Control for Silverlight

Cobain dong
Nantikan jg edisi yang lebih seru mengenai Bing Maps di Silverlight😀

About

Seseorang yang terus berusaha menjadi seorang programmer dan blogger sejati di jagad Raya ini.

Tagged with:
Posted in Silverlight
2 comments on “Bing Maps di Silverlight 5
  1. ridwan says:

    gw udah install silverlight nya tapi cara add bing maps nya gimana, gw nyari2 buat referencenya ga ada?

  2. ridwan says:

    eh gw pakenya yang ajax deng, ga tau cara add map nya

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Community

INDC

MUGI

WSS-ID

SQLServer-Indo

Indonesia Student Portal

Pengunjung
  • 120,657 orang
Yg lg OL di sini
site statistics
%d bloggers like this: