Bersamaan dengan rilisnya Windows Phone 7 Developer Tools versi final, Microsoft juga merilis sebuah control baru untuk Windows Phone 7, yaitu map control. Dengan menggunakan map control ini, kita sudah bisa menggunakan map yang memang native dengan device Windows Phone 7, bukan seperti yang pernah saya lakukan yaitu menggunakan Bing Maps Silverlight Control seperti pada postingan ini.
Dalam map control untuk Windows Phone 7 ini, semua web service yang disediakan untuk Bing Maps application tetap bisa digunakan seperti Geocode Service, Routing Service, Imagery Service, dan Search Service.
Pada postingan kali ini, saya akan memperkenalkan map control ini terlebih dahulu dengan memunculkan map ke emulator Windows Phone 7. Caranya adalah sebagai berikut:
1. Buat sebuah project Windows Phone Application baru.
2. Tambahkan reference ke Microsoft.Phone.Controls.Maps pada project.
3. Tambahkan reference map control tersebut ke dalam file MainPage.xaml.
1: xmlns:m="clr-namespace:Microsoft.Phone.Controls.Maps;assembly=Microsoft.Phone.Controls.Maps"
4. Selanjutnya, tambahkan kode berikut ke dalam grid yang bernama ContentPanel.
1: <m:Map x:Name="MyMap" CredentialsProvider="YOUR BING MAPS KEY"/>
Ganti “YOUR BING MAPS KEY” dengan Bing Maps key yang kalian miliki.
5. Tekan F5 dan lihat hasilnya.
Now you have a simple map application on your Windows Phone 7 emulator.
Mungkin kalian menyadari sesuatu saat menavigasikan map ini yaitu kalian tidak bisa melakukan zoom in atau zoom out dengan menggunakan scroll mouse. Hal ini disebabkan karena kita menggunakan emulator Windows Phone 7. Namun, hal itu bisa diatasi dengan membuat tombol-tombol yang dapat membantu kita dalam menavigasikan map ini yang akan saya jelaskan pada kesempatan selanjutnya.
Untuk source code, bisa di download disini. Ciao…