Yeni Maps API sayesinde Windows Phone 8 icin harita tabanli uygulamalar gelistirebiliyoruz.

Oncelikle WindowsPhoneMaps isimli yeni bir Windows Phone App projesi olusturalim;

Proje olusturduktan sonra gelen Windows Phone Platform versiyon secim penceresinde Windows Phone OS 8.0 seceneginin secili oldugundan emin olmaliyiz;

Windows Phone 8 projemizde Map kontrolunu kullanabilmek icin oncelikle ID_CAP_MAP Capability‘sini WMAppManifest.xml dosyasinda etkinlestirmeliyiz;

Ilk olarak MainPage.xaml dosyasinda phone:PhoneApplicationPage tag’ina

xmlns:maps="clr-namespace:Microsoft.Phone.Maps.Controls;assembly=Microsoft.Phone.Maps"

xml namespace‘ini eklememiz gerekiyor.

Artik Map kontrolunu ekranimiza ekleyebiliriz;

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,12">
	<maps:Map />
</Grid>

Ekrana ekledigimiz Map kontrolunun belli bir koordinati gostermesi icin Center ozelligini ayarlamamiz gerekmektedir. Istanbul icin ornek;

Center="41.0205, 29.0865"

Kodumuzun son hali;

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,12">
	<maps:Map Center="41.0205, 29.0865" />
</Grid>

Yakinlasma miktarini ayarlamak icin de ZoomLevel ozelligini kullanmamiz gerekmektedir;

ZoomLevel="14"

ZoomLevel ozelligi 1 ile 20 arasinda deger almaktadir. 1 degeri ile en yakin zoom, 20 ile en uzak zoom ayarlamis oluruz.

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,12">
	<maps:Map Center="41.0205, 29.0865" ZoomLevel="14" />
</Grid>

Haritanin gosterim modunu CartographicMode ozelligine atayacagimiz deger ile belirleyebiliriz. Varsayilan degeri Road olan CartographicMode ozelligine MapCartographicMode enum’indan su degerler atanabilir;

• Road
• Aerial
• Hybrid
• Terrain

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,12">
	<maps:Map Center="41.0205, 29.0865" ZoomLevel="14" CartographicMode="Terrain" />
</Grid>

Ayrica ColorMode ozelligine MapColorMode enum’indan Light veya Dark degerlerinden birini atayarak harita’nin aydinlik veya karanlik gozukmesini saglayabiliriz.

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,12">
	<maps:Map ColorMode="Dark" />
</Grid>

Ayrica Heading ozelligine 0 ile 360 arasi deger atayarak haritanin yukarisinda hangi yonun bulunacagini belirleyebiliriz. Ornegin, 0 degerini atayarak haritanin yukarisinda Kuzey yonunun gozukmesini, 90 degerini atayarak Bati yonunun gozukmesini, 180 degerini atayarak Guney yonunun gozukmesini, 270 degerini atayarak Dogu yonunun gozukmesini saglayabiliriz.

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,12">
	<maps:Map Center="41.0205, 29.0865" ZoomLevel="14" Heading="270" />
</Grid>

Son olarak Pitch ozelligine 0 ile 75 arasi deger atayarak haritaya bakis acimizi degistirebiliriz. Ornegin haritada 60 derecelik aci ile Istanbul soyle gozukuyor;

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,12">
	<maps:Map Center="41.0205, 29.0865" ZoomLevel="14" Pitch="60" />
</Grid>

Not : Harita kontrolu uzerinde daha fazla gelistirme secenegi elde etmek icin (ornegin Pushpin) Windows Phone Toolkit‘i indirip projenize ekleyebilirsiniz.