Pengaturan sederhana Bing Map pada Windows Phone 7

Biasanya kita ingin mengkonfigurasi tampilan awal Bing map pada aplikasi kita. Berikut adalah beberapa pengaturan sederhana untuk melakukan pengaturan diantaranya pada koordinat mana peta kita akan berpusat, menampilkan tombol zoom in dan zoom out, dan pengaturan zoom default..

Sebelum nya, pastikan anda sudah menambahkan reference nya dengan System.Device. Lalu pada class nya tambahkan

using System.Device.Location;

😀

Ada 2 cara untuk melakukan pengaturan Bing Map pada WP7, satu lewat code nya langsung, dan satu lagi lewat code XAML form nya langsung. Baiklah, kita akan bahas satu persatu..

Yang pertama kita akan coba melakukan pengaturan lewat code di class nya langsung..

Buka mainpage.xaml.cs.

Berikut code untuk melakukan pengaturan Bing map:

            map1.Center = new GeoCoordinate(-2.99103520810604, 104.757377877831);
            map1.ZoomBarVisibility = Visibility.Visible;
            map1.ZoomLevel = 15;
  • Baris pertama digunakan untuk melakukan pengaturan koordinat default pada peta(koordinat di atas saya atur untuk menampilkan peta kota kelahiran saya, Palembang😀 )
  • Baris kedua digunakan untuk menampilkan tombol zoom in dan zoom out
  • Baris ketiga untuk mengatur tingkat zoom pada peta.
Nah, sedangkan untuk pengaturan langsung lewat code XAML nya, anda bisa merubah tag XAML map nya menjadi seperti berikut:
     <my:Map Height="349" HorizontalAlignment="Left" Margin="9,6,0,0" Name="map1" 
           VerticalAlignment="Top" Width="441" CredentialsProvider="key api anda" 
           Center="-2.99103520810604, 104.757377877831" ZoomBarVisibility="Visible" 
           ZoomLevel="15" />

Selesai, hasil nya nanti akan menjadi seperti berikut:

Yak, disana terlihat peta kota Palembang dan menunjukkan sungai Musi dan Jembatan Ampera😀. Terlihat juga dua buah tombol untuk melakukan zoom in dan zoom out… Tentu anda dapat mencoba pengaturan-pengaturan lainnya. Yang saya paparkan di atas barulah segelintir saja..

Selamat bereksperimen…

Semoga membantu…

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

%d bloggers like this: